Quirk Design System & UI Kit - Button

My Quirk Pack contains only premium components.

In this standalone version, you will get all the design system styles, including:

• Color styles
• Typography styles
• Shadow, Elevation, and Focus styles
• Border, Padding, Spacings, and Sizes variables.

The Button component has the following variants:

• Sizes (LG, MD, SM, XS)
• Type (Primary, Secondary, Tertiary, Danger, Success, Warning, Contrast, Outline)
• State (Default, Hover, Disabled, Focus)
• Text style (Capital, Default)
• Shape (Circular, Squared)
• Show icon (True, False)
• Show dropdown (True, False)
• Show label (True, False)
• Icon (Change the displayed icon)
• Label (Text property, changes the title)

All styles, sizes, colors, and variants can be customized from the Local Styles and Local Variables sections.

Thanks to all the customization capabilities, this component will allow you to integrate it with other components easily.