UI Components

[sparklestheunicorn]

Currently the plan is to build components that wrap (Radix Primitives) and style them using Windi CSS. Components should be composable (i.e.: use children rather than props for complex components), and use consistent language for specifying variants.

When creating new components, please create storybook stories demonstrating their use. Some of these components still need to be migrated to storybook from the temporary component demo page.

New designs are in progress, so we are holding off on the visual design issue for now.

Components to build with Radix:

• Tabs (in progress) [Needs storybook]
• Checkbox
• Radiogroup [Needs storybook]
• Avatar [Needs storybook]
• Dialog / modal (Not in the MH designs, in progress anyway 🤷🏾‍♂️ ) [Needs storybook]
• Accordion (Also not sure this is in the MH designs)
• Select (no Radix version yet)

Components to roll our own (if needed):

• Button
• Grid (Windi may be enough for this)
• Input
• Badge / Pill
• Heading (unless included in text)
• Text / Typography
• Table
• Progress bar / Step indicator
• Breadcrumbs
• Divider
• Card
• Link (if necessary - a tag may be enough)
• Tile (includes header, content, buttons)

[jvbreen1]

I can pick up a few of these

[jvbreen1]

@replygirl @mis4mike any of these we need more than the others? happy to take a look.

[jvbreen1]

oh I already committed to doing a button component - on it.