4.17.0


Kits

Tokens


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


Checkbox

Default


Dark


Custom Checkbox


Default w/ Error


Dark w/ Error


Bar Graph

Default


Legend


Height


Legend

Default


With Prefix Text


Dark Mode


Dark Mode with Prefix Text


Line Graph

Default


Legend


Height


Distribution Bar

Default


Circle Chart

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

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


Typeahead

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


List

Default


Dark


Loading Inline

Default


Default


Logistic

Default


Dark


Multiple Users

Default


Reverse


Multiple Users Stacked

Default


Nav

Default


With Icons


No Highlight


Subtle Variant


Subtle With Icons


Subtle No Highlight


Horizontal Nav


Block


Without Title


Online Status

Default


Pill

Default


Popover

Default


With any children


Close on click outside


Close on click inside


Close on click anywhere


Progress Pills

Default


Status


Dark


Progress Simple

Default


Setting Values


Progress Bar Width


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


Tooltip

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 Inline

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


Dark


Message

Default


Person

Default


Person Contact

Default


Multiple People


With Detail


Stat Value

Default


Unit Value


Time

Time Stacked

Default


With Caption


Dark


Timestamp

Default


Time Range Inline

Default


Dark


Title Count

Default


Align


Title Detail

Default


Weekday Stacked

Default


Dark


Compact


Variant


User

Default


With Territory


Text Only


Horizontal Size


Vertical Size


User Badge

Default


Sizes