Docs Components Blocks Sponsor Showcase Themes

Prologue

Getting Started

Dark Mode

Buttons

Collections

Colors

Controls

Date And Time

Drag And Drop

Drop Zone

Forms

Layouts

Media

Navigation

Overlays

Pickers

Statuses

Surfaces

Visualizations

Release Notes

2026

July 16

4 changes

Autocomplete menu example
Tree example+2-0
Leaderboard example+10-19
Pie chart interactive example+1-1

June 30

3 changes

June 24

1 change

Switch custom layout example+5-8

June 23

6 changes

Autocomplete menu example
Input+6-2
Menu+1-1
Popover+2-1
Search field+2-7
Text field+2-7

June 20

573 changes

Auth 01
Auth 02
Auth 03
Chart 01
Chart 02
Chart 03
App navbar
Navbar 01
Navbar 01
Navbar 02
Navbar 02
Navbar 03
Navbar 03
Navbar 04
Navbar 04
Navbar 04
Navbar 05
Navbar 05
Navbar 05
User menu
App sidebar nav
App sidebar
Sidebar 01
Sidebar 02
Sidebar 03
Sidebar 04
Sidebar 05
Sidebar 06
Sidebar 06
Sidebar 07
Sidebar 08
Sidebar 08
Sidebar 09
Sidebar 09
Sidebar 12
Sidebar 12
Sidebar 15
Sidebar 15
Sidebar 16
Sidebar 16
Sidebar 17
Sidebar 17
Sidebar 17
Sidebar 19
Sidebar 19
Sidebar 19
Sidebar 19
Theme switcher
Button group example+2-2
Button group orientation example+4-4
Button group with menu example+6-6
Button group with text example+4-4
Button basic example+3-3
Button disabled example+2-2
Button icon example+3-3
Button intent example+3-3
Button link example+5-5
Button loader example+17-17
Button pending example+6-6
Button render example+4-4
Button shape example+2-2
Button size example+4-4
File trigger avatar example+12-12
File trigger camera example+2-2
File trigger circle example+2-2
File trigger controlled example+4-4
File trigger disabled example+2-2
File trigger example+2-2
File trigger folder example+2-2
File trigger multiple example+2-2
File trigger pending example+4-4
Toggle group controlled example+6-6
Toggle group disabled example+2-2
Toggle group example+3-3
Toggle group orientation example+6-6
Toggle group selection example+2-2
Toggle group size example+2-2
Toggle group square size example+3-3
Toggle controlled example+4-4
Toggle disabled example+2-2
Toggle example+3-3
Toggle intent example+4-4
Toggle shape example
Toggle size example+9-9
Choicebox columns example+11-11
Choicebox controlled example+18-18
Choicebox disabled example+15-15
Choicebox example+2-2
Choicebox icon example+15-15
Choicebox multiple selection example+14-14
Grid list controlled example+11-11
Grid list disabled example+7-7
Grid list drag between item example+16-16
Grid list drag example+15-15
Grid list example+8-8
Grid list infinite scroll example+8-8
Grid list multiple example+7-7
Grid list render empty state example+2-2
Grid list section example+49-49
List box controlled example+12-12
List box description example+14-14
List box disabled example+9-9
List box example+7-7
List box infinite scroll example+7-7
List box multiple example+13-13
List box rearrange example+12-12
List box section example+53-53
Menu basic example+3-3
Menu danger example+4-4
Menu disabled example+3-3
Menu dynamic example+24-24
Menu item description example+15-15
Menu section example+53-53
Menu section level selection+8-8
Menu sub example+4-4
Menu with arrow example+6-6
Menu with icon example+11-11
Multiple menu example+21-21
Single menu example+29-29
Table bulk example+34-34
Table drag example+36-36
Table example+37-37
Table expandable example+104-104
Table infinite scroll example+9-9
Table resize example+37-37
Table sorting example+6-6
Table with autocomplete example+69-69
Tag group controlled example+10-10
Tag group disabled example+4-4
Tag group example+7-7
Tag group href example+5-5
Tag group with remove example+13-13
Tree drag example+85-85
Tree example+1-1
Tree folder example+78-78
Tree infinite scroll example+9-9
Tree multiple example+74-74
Color area channel example+2-2
Color area controlled example+7-7
Color area disabled example+3-3
Color area example+2-2
Color area space example+3-3
Color area with slider example+11-11
Color field controlled example+8-8
Color field disabled example+4-4
Color field example+4-4
Color field validation example+6-6
Color field with prefix example+5-5
Color field with suffix example+5-5
Color picker controlled example+14-14
Color picker disabled example+13-13
Color picker example+13-13
Color slider controlled example+7-7
Color slider disabled example+3-3
Color slider example+4-4
Color slider vertical example+3-3
Color slider with label example+4-4
Color swatch controlled example+7-7
Color swatch example+2-2
Color swatch picker example+6-6
Color swatch picker item disabled example+7-7
Color swatch size example+2-2
Color wheel controlled example+6-6
Color wheel disabled example+2-2
Color wheel example+2-2
Controlled values
Command menu controlled example+27-27
Command menu danger item example+4-4
Command menu description example+4-4
Command menu disabled example+4-4
Command menu dynamic example
Command menu example+16-16
Command menu keyboard example+4-4
Command menu pending example+27-27
Command menu separator example+4-4
Command menu trigger by keyboard example+4-4
Context menu danger example+2-2
Context menu detail description example+12-12
Context menu disabled example+2-2
Context menu example+2-2
Context menu separator example+2-2
Context menu with icon example+3-3
Scroll area example+1-1
Scroll area fade example+1-1
Scroll area horizontal example+1-1
Scroll area vertical example+1-1
Slider controlled example+7-7
Slider description example+3-3
Slider disabled example+3-3
Slider example+3-3
Slider orientation example+14-14
Slider prefix suffix example+5-5
Slider range example+4-4
Slider step example+3-3
Switch controlled example+5-5
Switch description example+3-3
Switch disabled example+2-2
Switch example+2-2
Switch uncontrolled example+3-3
Toolbar disabled example+4-4
Toolbar example+8-8
Toolbar orientation example+4-4
Calendar example+2-2
Range calendar controlled example+4-4
Range calendar example+2-2
Range calendar uncontrolled example+3-3
Date field controlled example+10-10
Date field disabled example+3-3
Date field example+3-3
Date field readonly example+3-3
Date field uncontrolled example+4-4
Date field validation example+5-5
Date time field example+5-5
Date picker controlled example+9-9
Date picker custom validation example+8-8
Date picker disabled example+3-3
Date picker example+3-3
Date picker required example+5-5
Date time example+5-5
Date range picker controlled example+10-10
Date range picker custom validation example+7-7
Date range picker disabled example+3-3
Date range picker example+3-3
Date range picker time example
Date range picker validation example+5-5
Date range picker visible duration example+3-3
Time field controlled example+7-7
Time field disabled example+4-4
Time field example+5-5
Time field hc example+11-8
Time field readonly example+5-5
Time field validation example+6-6
Drop zone and file trigger example+11-11
Drop zone example+5-5
Checkbox controlled example+5-5
Checkbox description example+6-10
Checkbox disabled example+2-2
Checkbox example+2-2
Checkbox group controlled example
Checkbox group description example
Checkbox group disabled example
Checkbox group example
Checkbox group indeterminate example
Checkbox group uncontrolled example
Checkbox group validation example
Checkbox indeterminate example+2-2
Checkbox invalid example+7-9
Checkbox uncontrolled example+2-2
Field example+7-7
Input otp controlled example+6-6
Input otp example+3-3
Input otp separator example+2-2
Input basic example+2-2
Input controlled example+5-5
Input group example+4-4
Input label description example+3-3
Input text field example+4-4
Number field controlled example+5-5
Number field disabled example+3-3
Number field example+3-3
Number field invalid example+5-5
Number field uncontrolled example+3-3
Radio group controlled example
Radio group description example
Radio group disabled example
Radio group example
Radio group orientation example
Radio group uncontrolled example
Radio group validation example
Search field controlled example+6-6
Search field description example+3-3
Search field disabled example+2-2
Search field example+2-2
Search field readonly example+2-2
Search field uncontrolled example+2-2
Search field validation example+5-5
Search field with label example+3-3
Tag field controlled example
Tag field disabled example
Tag field example+4-4
Text field controlled example+7-7
Text field description example+4-4
Text field disabled example+4-4
Text field example+3-3
Text field prefix suffix example+8-7
Text field readonly example+4-4
Text field revealable example+9-9
Text field suffix button example+8-8
Text field uncontrolled example+4-4
Text field validation example+6-6
Textarea autocomplete example+1-1
Textarea controlled example+7-7
Textarea description example+4-4
Textarea disabled example+4-4
Textarea example+4-4
Textarea readonly example+4-4
Textarea uncontrolled example+4-4
Textarea validation example+9-8
Avatar basic example+1-1
Avatar group example+8-8
Avatar initials example+1-1
Avatar shape example+1-1
Avatar size example+2-2
Carousel api example
Carousel autoplay example+26-26
Carousel example+2-2
Carousel options example+3-3
Carousel orientation example+22-22
Breadcrumbs collections example+7-7
Breadcrumbs current example+2-2
Breadcrumbs example+2-2
Breadcrumbs menu example+7-7
Breadcrumbs separator example+2-2
Disclosure controlled example
Disclosure disabled example
Disclosure example
Disclosure group allow multiple expand example+10-10
Disclosure group default expand example+10-10
Disclosure group disabled example+14-14
Disclosure group example+2-2
Disclosure group nested example+24-24
Disclosure group with icon example+28-28
Link button example+5-5
Link disabled example+2-2
Link example+2-2
Link unstyled example+2-2
Pagination example+2-2
Simple pagination example+2-2
Snippet example+6-6
Tabs disabled example+3-3
Tabs example+2-2
Tabs icons example+4-4
Tabs link example+5-5
Tabs orientation example+2-2
Option preview
Drawer basic example+7-7
Drawer controlled example+7-7
Drawer float example+9-9
Drawer nested example+13-13
Drawer side example+9-9
Drawer sticky example+5-5
Drawer without notch example+3-3
Alert dialog example+3-3
Modal controlled example+4-4
Modal example+5-5
Modal nested example+11-11
Modal size example+8-8
Modal sticky example+3-3
Modal triggered by menu example+27-27
Popover arrow example+4-4
Popover controlled example+16-16
Popover custom close+10-10
Popover example+3-3
Popover placement example+6-6
Popover trigger example+4-4
Sheet controlled example+7-7
Sheet custom close example+5-5
Sheet example+7-7
Sheet float example+3-3
Sheet menu example+14-14
Sheet position example+8-8
Sheet sticky example+4-4
Tooltip delay example+6-6
Tooltip example+3-3
Tooltip intent example+6-6
Tooltip placement example+6-6
Tooltip without arrow example+4-4
Combo box avatar example+23-23
Combo box controlled example+14-14
Combo box controlled selection example+26-26
Combo box custom value example+25-25
Combo box detail description example+12-12
Combo box disabled example+6-6
Combo box example+22-22
Combo box invalid example
Combo box multi select example+25-25
Combo box readonly example+6-6
Combo box section example+18-18
Combo box validation example+8-8
Multiple select controlled example+10-10
Multiple select disabled example+4-4
Multiple select example+23-23
Multiple select invalid example+22-22
Native select controlled example+5-5
Native select description example+2-2
Native select disabled example+3-3
Native select example+1-1
Native select invalid example+3-3
Native select label example+2-2
Native select uncontrolled example+2-2
Select controlled example+11-11
Select details description example+13-13
Select disabled example+4-4
Select example+12-12
Select multiple example+14-14
Select searchable example+28-28
Select section example+35-35
Select uncontrolled example+8-8
Select validation example+6-6
Select with avatar example+23-23
Select with icon example+4-4
Badge example+2-2
Badge intent example+3-3
Badge shape example+2-2
Loader example+2-2
Loader size example+2-2
Loader variant example+2-2
Meter currency format example+4-4
Meter decimal format example+4-4
Meter example+4-4
Note example+2-2
Note intent example+2-2
Indeterminate progress bar example+3-3
Progress bar example+4-4
Progress circle color example+2-2
Progress circle controlled example+5-5
Progress circle custom size example+3-3
Progress circle example+3-3
Progress circle indeterminate example+2-2
Skeleton dynamic content example+3-3
Skeleton example+3-3
Toast action example+14-14
Toast description example+5-5
Toast example+4-4
Toast positions example+11-11
Toast promise example
Toast status example+10-10
Card action example+5-5
Card example+3-3
Card login form example+9-9
Card table example+37-37
Description list card example+5-5
Description list example+1-1
Description list heading example+3-3
Heading example+2-2
Heading level example+2-2
Separator example+2-2
Separator orientation example+2-2
Show more as text example+2-2
Show more controlled example+6-6
Show more example+7-7
Show more orientation example+2-2
Text basic example+1-1
Text link example+2-1
Area chart controlled example+16-16
Area chart custom colors example+11-11
Area chart custom format example+16-16
Area chart custom legend example+12-12
Area chart custom tooltip example+15-15
Area chart example+9-9
Area chart monotone example+9-9
Area chart stacked example
Bar chart controlled example+16-16
Bar chart custom colors example+11-11
Bar chart custom format example+16-16
Bar chart custom legend example+12-12
Bar chart custom tooltip example+15-15
Bar chart example+9-9
Bar chart monotone example
Bar chart stacked example+10-10
Bar list controlled example+10-10
Bar list example+12-12
Leaderboard controlled example+8-8
Leaderboard currency example+9-9
Leaderboard example+13-13
Leaderboard header example+12-12
Leaderboard icon example+8-8
Leaderboard percentage example+8-8
Line chart controlled example+16-16
Line chart custom colors example+11-11
Line chart custom format example+15-15
Line chart custom legend example+12-12
Line chart custom tooltip example+15-15
Line chart example+9-9
Line chart monotone example+9-9
Line chart stacked example+10-10
Pie chart custom colors example
Pie chart donut custom label example
Pie chart donut example+13-13
Pie chart example+13-13
Pie chart gap example+13-13
Pie chart interactive example+16-16
Tracker example+52-52
Tracker without tooltip example+52-52
Area chart+20-20
Avatar+35-35
Badge+18-18
Bar chart+16-16
Bar list+25-25
Breadcrumbs+22-22
Button group+8-8
Button+52-52
Calendar+21-21
Card+14-14
Carousel+38-38
Chart+107-107
Checkbox+26-26
Choice box+80-80
Color area+6-6
Color field+5-9
Color picker+10-10
Color slider+13-13
Color swatch picker+13-13
Color swatch+5-5
Color thumb+8-8
Color wheel+8-6
Combo box+26-25
Command menu+63-63
Container+5-5
Context menu+10-10
Date field+22-22
Date picker+32-32
Date range picker+32-31
Description list+9-9
Dialog+31-31
Disclosure group+40-40
Drawer+74-73
Drop zone+8-8
Dropdown+45-45
Field+24-24
File trigger+12-13
Grid list+36-36
Heading+8-8
Input otp+16-16
Input+28-28
Keyboard+5-5
Leaderboard+25-25
Line chart+13-13
Link+8-8
List box+21-21
Loader+17-15
Menu+47-45
Meter+25-25
Modal+42-41
Multiple select+20-18
Native select+18-18
Navbar+80-80
Note+25-25
Number field+16-16
Pagination+46-48
Pie chart+33-34
Popover+13-13
Progress bar+22-22
Progress circle+7-7
Radio+19-19
Range calendar+22-22
Scroll area+28-28
Search field+13-13
Select+43-39
Separator+7-7
Sheet+28-27
Show more+21-21
Sidebar+192-192
Skeleton+9-9
Slider+22-22
Snippet+16-16
Switch+25-25
Table+88-88
Tabs+42-42
Tag field+31-32
Tag group+18-18
Text field+4-4
Text+12-12
Textarea+21-14
Time field+6-6
Toast+23-23
Toggle group+75-73
Toggle+35-35
Toolbar+28-28
Tooltip+19-20
Tracker+12-13
Tree+35-35
With autocomplete

June 16

2 changes

Checkbox description example+6-8
Checkbox invalid example+14-5

June 14

1 change

Checkbox+0-10

June 13

43 changes

June 12

4 changes

June 11

2 changes

Radio+3-3
Table+1-1

June 10

1 change

Breadcrumbs+0-2

May 30

4 changes

Checkbox+9-3
Radio+9-3
Switch+12-6
Calendar+31-30

May 29

16 changes

Checkbox example+1-1
Checkbox group controlled example
Checkbox group description example
Checkbox group disabled example
Checkbox group example
Checkbox group indeterminate example
Checkbox group uncontrolled example
Checkbox group validation example
Checkbox+4-7
Grid list+1-4
Table+2-4
Tree+3-2
Calendar+32-101
Slider+11-40
Radio+44-44
Switch+56-51

May 23

1 change

Skeleton+3-3

May 16

9 changes

May 12

9 changes

May 11

2 changes

Link+4-6
Toggle+5-17

May 8

2 changes

Card+1-1
Heading+1-1

May 6

1 change

Toggle+13-13

May 5

63 changes

May 2

2 changes

Calendar+2-2
Range calendar+14-14

April 29

1 change

Table expandable demo+98-63

April 28

1 change

Pagination+42-42

April 24

18 changes

Auth 01
Auth 02
Auth 03
App navbar
Navbar 04
Navbar 05
App sidebar
Sidebar 08
Sidebar 09
Sidebar 12
Sidebar 17
Sidebar 19
Button link demo+1-1
Popover custom close+1-1
Card login form demo+1-1
Description list card demo+1-1
Navbar+1-1
Pagination+1-1

April 21

2 changes

Button+13-13
Pagination+39-38

April 17

1 change

Multiple select+20-5

April 15

130 changes

April 12

26 changes

April 9

34 changes

April 6

2 changes

Grid list infinite scroll demo+1-1
Grid list+22-31

March 30

3 changes

March 25

2 changes

Field+0-1
Button intent demo+3-0

March 9

4 changes

Radio group validation demo
Checkbox+1-1
Field+2-2
Radio+1-1

March 7

4 changes

March 5

4 changes

January 27

4 changes

January 25

79 changes

January 24

4 changes

App sidebar nav
App sidebar
Scroll area+12-3
Sidebar+9-6

January 23

7 changes

Sidebar 19
Sidebar 08
Sidebar 16
Sidebar 17
Sidebar+53-56
Table+22-13
Sidebar 15

January 22

6 changes

Sheet position demo
Heading+1-1
Input+1-1
Snippet demo
Snippet+1-1
Sidebar+51-51

January 20

7 changes

Auth 02
Auth 03
Chart 01
Chart 02
Chart 03
Text link demo
Text+4-0

January 15

7 changes

Leaderboard controlled demo
Leaderboard currency demo
Leaderboard demo
Leaderboard header demo
Leaderboard icon demo
Leaderboard percentage demo
Leaderboard+3-3

January 14

2 changes

Scroll area+312-0
Leaderboard+779-0
New leaderboard component for displaying ranked lists

2025

July 18

2 changes

Button+0-0
Link+0-0

July 17

2 changes

Button+0-0
Tabs+0-0

July 16

6 changes

July 15

6 changes

July 14

4 changes

Button+0-0
Carousel+0-0
Popover+0-0
Tabs+0-0

July 13

5 changes

Button+0-0
Drawer+0-0
Modal+0-0
Popover+0-0
Table+0-0

July 12

7 changes

Button+0-0
Card+0-0
Drawer+0-0
Heading+0-0
Modal+0-0
Popover+0-0
Table+0-0

July 11

3 changes

Button+0-0
Heading+0-0
Table+0-0

July 10

3 changes

Button+0-0
Select+0-0
Table+0-0

July 9

4 changes

Button+0-0
Combo box+0-0
Menu+0-0
Select+0-0

July 8

6 changes

Button+0-0
Card+0-0
Combo box+0-0
Link+0-0
Menu+0-0
Select+0-0

July 7

6 changes

Button+0-0
Card+0-0
Combo box+0-0
Menu+0-0
Select+0-0
Tag group+0-0

July 6

6 changes

July 5

6 changes

Button+0-0
Combo box+0-0
List box+0-0
Menu+0-0
Select+0-0
Tag group+0-0

2024

December 15

3 changes

Badge+0-0
Button+0-0
Checkbox+0-0

December 10

3 changes

Avatar+0-0
Button+0-0
Card+0-0

December 5

4 changes

Button+0-0
Modal+0-0
Popover+0-0
Tooltip+0-0

November 28

3 changes

Button+0-0
Table+0-0
Tag group+0-0

November 20

4 changes

November 15

3 changes

November 10

3 changes

Button+0-0
Slider+0-0
Switch+0-0

November 5

3 changes

October 28

3 changes

October 20

3 changes

October 15

3 changes

October 10

1 change

Button+0-0

October 5

2 changes

Button+0-0
Toast+0-0

Design

Contribution Guide

Design