6.0.1






Kits




Avatar

Default


Monogram


Status


Avatar Action Button

Default


Placement


Actions


On Click


Badge

Rectangle


Rounded


Colors


Dark


Button

Button Variants


Button Variants Dark


Button Full Width


Button Links


Button Loading


Button Block Content


Button Accessibility Options


Button Additional Options (onClick)


Circle Icon Button

Default


Click Handler


Dark


Link


Card

Default


Dark Cards


Highlight Cards


Header Cards


Selected


Padding Size


Shadow Size


Content Size


Separator Card


No Border


Checkbox

Default


Load as checked


Dark


Custom Checkbox


Default w/ Error


Dark w/ Error


Bar Graph

Default


Legend


Legend Non Clickable


Height


Legend

Default


With Prefix Text


Dark Mode


Dark Mode with Prefix Text


Line Graph

Default


Legend


Legend Nonclickable


Height


Filter

Default


Single


No Background


Filter Only


Sort Only


Fixed Confirmation Toast

Default


Multi Line


Flex

Default


Inline


Reverse


Wrap


Spacing


Horizontal Alignment


Vertical Alignment


File Upload

Default List of files to upload


Accept only certain types of files


Form Pill

Form Pill User


Form Pill Tag


Radio

Default


Dark


Custom


With Error


Dark With Error


Select

Default


Blank Selection Text


Disabled Options


Disabled Select Field


Required Select Field


Equal option value and value text


Custom Select


Dark Select


Select w/ Error


Select Dark w/ Error


Selectable Card

Default


Single Select


Block


Dark


Selectable Card Icon

Default


Checkmark


Single Select


Dark


Selectable Icon

Default


Single Select


Dark


Text Input

Default


Dark


With Error


Dark With Error


Custom


Textarea

Default


Custom Textarea Input


Dark


Resize


Textarea w/ Error


Textarea w/ Error


Toggle

Default


Toggle Accessibility


Toggle Data Props


Highlight

Default


Hashtag

Hashtag Types


Dark


Icon

Icon Default


Icon Rotate


Icon Flip


Icon Animation


Icon Pull


Icon Border


Icon Sizes


Icon Default Dark


Icon Circle

Default


Size


Color


Icon Value

Default


Image

Default


Layout

Colors


Transparent


Sizes


Sizes Dark


Collection Layout


Collection Detail Layout


Kanban Layout


Content Layout


List

Default


Large


Ordered


Borderless


Horizontal Padding


Layout Left


Layout Right


Dark Default


Dark Large


Dark Ordered


Dark Borderless


Dark Horizontal Padding


Loading Inline

Default


Default


Multiple Users

Default


Reverse


Nav

Default


With Icons


No Highlight


Subtle Variant


Subtle With Icons


Subtle No Highlight


Horizontal Nav


Block


Without Title


Pill

Default


Popover

Default


Dropdown example


Close Options


Set Z-Index


Scroll and Height Settings


Progress Pills

Default


Status


Dark


Progress Simple

Default


Setting Values


Progress Bar Width


Variants


Muted


Align


Progress Step

Default


Vertical


Dark


Section Separator

Text Separator


Line Separator


Background Variant


Vertical


Dark


Source

Default


Hide Icon


Source Types


Star Rating

Default


Hide Rating Value


Stat Change

Default


Table

Small


Medium


Large


Side Highlight


Table Container Off


Disable Hover


Multi-line


Force Single Line


Data Table


Responsive Tables


Table Dark


Table Container Off Dark


Timeline

Default


Vertical


With Date


Body

Light UI


Dark UI


Block


Caption

Light UI


Dark UI


Title

Light UI


Dark UI


Contact

Default


Detail Indicator


Currency

Small


Medium


Large


Dark


Dashboard Value

Full Example


Align


Date

Default


Date Range Stacked

Default


Dark


Date Stacked

Default


Not Current Year


Day & Month Reverse


Sizes


Alignment


Dark


Date Time Stacked

Default


Dark


Date Year Stacked

Default


Dark


Home Address Street

Default


Emphasis


Modified


Dark


Label Pill

Default


Label Value

Default


Details


Other Examples


Dark


Details Dark


Other Examples Dark


Message

Default


Person

Default


Person Contact

Default


Multiple People


With Detail


With Wrong Numbers


Stat Value

Default


Unit Value


Time Stacked

Default


With Caption


Dark


Timestamp

Default


Time Range Inline

Default


Dark


Title Count

Default


Align


Weekday Stacked

Default


Dark


Compact


Variant


User

Default


With Territory


Text Only


Horizontal Size


Vertical Size


User Badge

Default


Sizes