From 127af29cf1ef6c17d0146364bac1a52f4db337b1 Mon Sep 17 00:00:00 2001
From: Dhruv Bhanushali <dhruv_b@live.com>
Date: Wed, 27 Oct 2021 23:59:14 +0400
Subject: [PATCH] Create an issue template for component specifications (#369)

---
 .github/ISSUE_TEMPLATE/component_spec.md | 54 ++++++++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 .github/ISSUE_TEMPLATE/component_spec.md

diff --git a/.github/ISSUE_TEMPLATE/component_spec.md b/.github/ISSUE_TEMPLATE/component_spec.md
new file mode 100644
index 00000000000..959afd1a043
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/component_spec.md
@@ -0,0 +1,54 @@
+---
+name: Component spec
+about: Describe a new component to be developed for the design system
+labels: "🕹 aspect: interface, 🌟 goal: addition, 🚦 status: awaiting triage, 🟨 priority: medium"
+title: "<Replace this with the component name>"
+---
+
+## Component: Title
+<!-- Replace 'Title' above with the actual component title. -->
+
+## Description
+<!-- Describe the component, including different states. Do not include screenshots. -->
+
+## API
+<!-- Tentatively specify the props, state and emitted events of the component. -->
+
+### Props
+<!-- Describe possible props and their types; or delete the section if the component takes no props. -->
+
+| Name | Type | Description |
+|-|-|-|
+
+### Slots
+<!-- Describe slots with expected content and slot props; or delete the section if the component exposes no slots. -->
+
+| Name | Slot props | Description |
+|-|-|-|
+
+### State
+<!-- Describe possible state fields and types; or delete the section if the component is stateless. -->
+<!-- Include information about Vuex state or getters, if any. -->
+
+| Name | Type | Description |
+|-|-|-|
+
+### Events
+<!-- Describe possible events and their associated data; or delete the section if the component emits no events. -->
+<!-- Include information about Vuex mutations or actions, if any. -->
+
+| Name | Associated data | Description |
+|-|-|-|
+
+## Code samples
+<!-- Share pseudocode templates or high-level implementation code; or delete the section entirely. -->
+
+## References
+<!-- Include as many references to prior art as you deem necessary or helpful. -->
+
+<!-- Place a link to the Figma node of the component from the Design Library: https://www.figma.com/file/GIIQ4sDbaToCfFQyKMvzr8/Openverse-Design-Library -->
+- **Figma:**
+
+## Implementation
+<!-- Replace the [ ] with [x] to check the box. -->
+- [ ] 🙋 I would be interested in implementing this component.