Alert Dialog
Badge
GrayRedGreenPinkPurpleBlue
GrayRedGreenPinkPurpleBlue
Button
Checkbox
Dropdown Menu
Input
Picker
Scroll Area
Tagsv1.2.0-beta.50v1.2.0-beta.49v1.2.0-beta.48v1.2.0-beta.47v1.2.0-beta.46v1.2.0-beta.45v1.2.0-beta.44v1.2.0-beta.43v1.2.0-beta.42v1.2.0-beta.41v1.2.0-beta.40v1.2.0-beta.39v1.2.0-beta.38v1.2.0-beta.37v1.2.0-beta.36v1.2.0-beta.35v1.2.0-beta.34v1.2.0-beta.33v1.2.0-beta.32v1.2.0-beta.31v1.2.0-beta.30v1.2.0-beta.29v1.2.0-beta.28v1.2.0-beta.27v1.2.0-beta.26v1.2.0-beta.25v1.2.0-beta.24v1.2.0-beta.23v1.2.0-beta.22v1.2.0-beta.21v1.2.0-beta.20v1.2.0-beta.19v1.2.0-beta.18v1.2.0-beta.17v1.2.0-beta.16v1.2.0-beta.15v1.2.0-beta.14v1.2.0-beta.13v1.2.0-beta.12v1.2.0-beta.11v1.2.0-beta.10v1.2.0-beta.9v1.2.0-beta.8v1.2.0-beta.7v1.2.0-beta.6v1.2.0-beta.5v1.2.0-beta.4v1.2.0-beta.3v1.2.0-beta.2v1.2.0-beta.1
Select
Separator
Radix primitivesAn open-source UI component library.
BlogDocsSource
Stack
Table
DefaultAlways provide a caption. Columns and data must be memoized.
A basic table.
First name
Last name
Email
Type
Created at
JohnDoejohn@doe.comAdmin23h ago
DorothyBoedorothy@boe.comCustomer2d ago
BabyMoebaby@moe.comCustomer7d ago
EmptyUse the same number of placeholder rows used while loading to avoid layout shift.
An empty table.
First name
Last name
Email
Type
Created at
No rows to display.
OverflowPass a number to change the minimum width of the table.
A table with minimum with of 1000px.
First name
Last name
Email
Type
Created at
JohnDoejohn@doe.comAdmin23h ago
DorothyBoedorothy@boe.comCustomer2d ago
BabyMoebaby@moe.comCustomer7d ago
FixedEnsures column widths are stable, regardless of cell contents.
A table with fixed column widths.
First name
Last name
Email
Type
Created at
JohnDoejohn@doe.comAdmin23h ago
DorothyBoedorothy@boe.comCustomer2d ago
BabyMoebaby@moe.comCustomer7d ago
Sortable rowsHold shift to sort by multiple columns. Columns can disable sorting.
A table with sortable columns.
First name
Last name
Email
Type
Created at
JohnDoejohn@doe.comAdmin23h ago
DorothyBoedorothy@boe.comCustomer2d ago
BabyMoebaby@moe.comCustomer7d ago
Selectable rowsRows can disable selection.
A table with selectable rows.
First name
Last name
Email
Type
Created at
JohnDoejohn@doe.comAdmin23h ago
DorothyBoedorothy@boe.comCustomer2d ago
BabyMoebaby@moe.comCustomer7d ago
Filtered rowsFilter rows that already displayed. This is not used for server-side search. Common filter function like useTextFilter are provided.
A table with a search filter.
First name
Last name
Email
Type
Created at
JohnDoejohn@doe.comAdmin23h ago
DorothyBoedorothy@boe.comCustomer2d ago
BabyMoebaby@moe.comCustomer7d ago
PaginationThe default page size is 10.
A table with pagination.
First name
Last name
Email
Type
Created at
No rows displayed.
0-0 of 0
Example
An example table.
First name
Last name
Email
Type
Created at
No rows displayed.
0-0 of 0
Text
The quick brown fox jumps over the lazy dog.The quick brown fox jumps over the lazy dog.The quick brown fox jumps over the lazy dog.The quick brown fox jumps over the lazy dog.The quick brown fox jumps over the lazy dog.The quick brown fox jumps over the lazy dog.The quick brown fox jumps over the lazy dog.The quick brown fox jumps over the lazy dog.The quick brown fox jumps over the lazy dog.The quick brown fox jumps over the lazy dog.
API_KEY
{
  "id": 1,
  "name": "John Doe",
  "email": "john@doe.com"
}
Toast