7.3.0

Kits




Avatar

Default


Monogram


Status


Avatar Action Button

Default


Placement


Actions


On Click


Background

Light


White


Dark


Gradient


Image


Button

Button Variants


Button Full Width


Button Links


Button Loading


Button Block Content


Button Accessibility Options


Button Additional Options (onClick)


Button Toolbar

Default


Secondary


Circle Icon Button

Default


Click Handler


Link


Card

Default


Highlight Cards


Header Cards


Selected


Padding Size


Shadow Size


Content Size


Separator Card


No Border


Checkbox

Default


Load as checked


Custom Checkbox


Default w/ Error


Bar Graph

Default


Legend


Legend Non Clickable


Height


Circle Chart

Default Style


Live Data


Rounded Corners


Accepts Any Block


Color Overrides


Data Labels


Legend


Title


Inner Circle Size Options


Gauge

Default


Disable Animation


Title


Units


Full Circle


Min Max Labels


Sizing


Height


Live Data


Legend

Default


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


Click to Close


Dark


Multi Line Dark


Flex

Default


Inline


Reverse


Wrap


Spacing


Horizontal Alignment


Vertical Alignment


Date Picker

Default


Hide Input Icon


Default Date


Input Field


Label


onChange


Range


Format


Disabled Dates


Min Max


Error


Hooks


Year Range


File Upload

Default List of files to upload


Accept only certain types of files


Form Pill

Form Pill User


Form Pill Tag


Radio

Default


Custom


With Error


Select

Default


Blank Selection Text


Disabled Options


Disabled Select Field


Required Select Field


Equal option value and value text


Custom Select


Select w/ Error


Selectable Card

Default


Single Select


Block


Selectable Card Icon

Default


Checkmark


Single Select


Selectable Icon

Default


Single Select


Text Input

Default


With Error


Custom


Disabled


Textarea

Default


Custom Textarea Input


Resize


Textarea w/ Error


Typeahead

Default


With Pills


With Pills (Async Data)


With Pills (Async Data w/ Users)


Toggle

Default State


Name and Value


Custom checkbox input


Custom radio inputs


Highlight

Default


Icon

Icon Default


Icon Rotate


Icon Flip


Icon Animation


Icon Pull


Icon Border


Icon Sizes


Icon Default Dark


Icon Circle

Default


Size


Color


Dark


Dark Size


Dark Color


Icon Value

Default


Align


Dark


Align Dark


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


Multiple Users

Default


Reverse


Nav

Default


With Icons


With Custom Icon


No Highlight


No Borders


Subtle Variant


Subtle With Icons


Subtle No Highlight


Horizontal Nav


Block


Without Title


Badge

Rectangle


Rounded


Colors


Hashtag

Hashtag Types


Pill

Default


Popover

Default


Dropdown example


Close Options


Set Z-Index


Scroll and Height Settings


Dark


List Dark


Close Dark


Z-Index Dark


Scroll and Height Settings Dark


Progress Pills

Default


Status


Progress Simple

Default


Setting Values


Progress Bar Width


Variants


Muted


Align


Progress Step

Default


Vertical


Tracker


Section Separator

Text Separator


Line Separator


Background Variant


Vertical


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 with 1 Action


Table with 2 Actions


Table with 2+ Actions


Table with Actions in the Middle


Table with Icon Buttons


Timeline

Default


Vertical


With Date


Body

Default


Block


Caption

Default


Block


Title

Light UI


Variants


Contact

Default


Detail Indicator


Currency

Small


Medium


Large


Dashboard Value

Full Example


Align


Date

Default


Variants


Alignment


Date Range Stacked

Default


Dark


Date Stacked

Default


Not Current Year


Day & Month Reverse


Sizes


Alignment


Dark


Date Time

Default


Alignment


Size


Date Time Stacked

Default


Dark


Date Year Stacked

Default


Dark


Home Address Street

Default


Emphasis


Modified


Label Pill

Default


Label Value

Default


Details


Other Examples


Message

Default


Person

Default


Person Contact

Default


Multiple People


With Detail


With Wrong Numbers


Stat Value

Default


Unit Value


Time

Default


Sizes


Timestamp Values


Handling Timezones


Alignment


Time Stacked

Default


With Caption


Timestamp

Default


Title Count

Default


Align


Weekday Stacked

Default


Compact


Variant


User

Default


With Territory


Text Only


Horizontal Size


Vertical Size


User Badge

Default


Sizes