hzdg / hz-core

HZ's internal library of React Components 🚧
https://hz-core.netlify.com
0 stars 0 forks source link

Implement component tagging system #27

Open elainen opened 5 years ago

elainen commented 5 years ago

Is your feature request related to a problem? Please describe.

We'll need to find a way for people to easily search through components based on their current stack (looking for a component that uses styled-components for styling, or looking for a react-slick carousel instead of a nuka-carousel)

Describe the solution you'd like

Create a tagging system where each component will have a set of tags based on the component's implementation. For example, a fade to view component can have #react-string, #styled-components. These tags can probably be manually added, as well as auto-generated based on their own package.json.

Describe alternatives you've considered

We've considered with just sticking to the current organization of Headless Components, Hooks, Styled Components, Utilities as shown in the site right now but may get confusing as certain components might start having overlapping features. I would think we would still have this kind of a structure on the sidebar for starters but will also have this tagging system as an extra layer on top to provide a better component discovery process.

Additional context

Overview of possible implementation features: