Designers can create and edit components in Mirrorful's component editor.
Developers can then export production-ready code directly for use.
Developers can then export production-ready code directly for use.
Stop reinventing the wheel. Start with Mirrorful's template components and never build a component from scratch again.
Import your custom components to help your team adopt UI patterns with examples and guidelines. Hosted and synced automatically.
Checkbox
Checkbox component is used in forms when a user needs to select multiple values from several options. It is purposely simple, but can be extended via icons to convey different information.
Basic Usage
1 | <Checkbox |
2 | label="Label" |
3 | icon={FaCheck} |
4 | /> |
Info Checkbox
For use in primarily onboarding, use the checkbox with an info icon in cases where the user is acknowledging new information...
Everything your team needs to design, implement and scale your design system.
Variables
Native support for custom themes, dark mode, CSS variables, and more. Truly make your brand, yours.
Color Palettes
Use our color palette generator to automatically style your components or bring your own colors.
Have existing components and styles?
We'll help migrate any existing components, documentation and styles to your new design system.