Skip to main contentSkip to sidebarSkip to headerSkip to footer

Accordion

Alert

Alert Dialog

Badge

DefaultSecondaryDestructiveOutline

Blockquote

"After all," he said, "everyone enjoys a good joke, so it's only fair that they should pay for the privilege."

Breadcrumb

Button

Bullet List

  • First item in the list
  • Second item in the list
  • Third item in the list

Card

Card Title

Card Description

Card content goes here. This is where the main information is displayed.

Checkbox

Code Block

1
2
const greeting = "Hello, World!";
console.log(greeting);

Collapsible

Combobox

Context Menu

Right click here

Date Picker

Dialog

Drawer

Dropdown Menu

Hover Card

Input

Pagination

Popover

Progress

Radio Group

Scroll Area

Scroll item 1
Scroll item 2
Scroll item 3
Scroll item 4
Scroll item 5
Scroll item 6
Scroll item 7
Scroll item 8
Scroll item 9
Scroll item 10
Scroll item 11
Scroll item 12
Scroll item 13
Scroll item 14
Scroll item 15
Scroll item 16
Scroll item 17
Scroll item 18
Scroll item 19
Scroll item 20
Scroll item 21
Scroll item 22
Scroll item 23
Scroll item 24
Scroll item 25
Scroll item 26
Scroll item 27
Scroll item 28
Scroll item 29
Scroll item 30
Scroll item 31
Scroll item 32
Scroll item 33
Scroll item 34
Scroll item 35
Scroll item 36
Scroll item 37
Scroll item 38
Scroll item 39
Scroll item 40
Scroll item 41
Scroll item 42
Scroll item 43
Scroll item 44
Scroll item 45
Scroll item 46
Scroll item 47
Scroll item 48
Scroll item 49
Scroll item 50

Select

Skeleton

Slider

Value: 50

Switch

Table

A list of your recent invoices.
InvoiceStatusMethodAmount
INV001PaidCredit Card$250.00
INV002PendingPayPal$150.00

Textarea

Toggle

Tabs

Make changes to your account here.

Tooltip