Egose Inc
Enterprise
Components
Button
Button Group
Unstyled Button
Checkbox
Input
Input Group
Input OTP
Textarea
Label
Field
Slider
Switch
Radio Group
Select
Native Select
Combobox
Multi Select
Tag Picker
File Input
Calendar
Card
Separator
Resizable
Aspect Ratio
Sidebar
Scroll Area
Scroll Shadow
Alert
Basic Alert
Progress
Skeleton
Spinner
Sonner
Empty
Collapsible
Accordion
Tooltip
Hover Card
Copy Button
Kbd
Tabs
Breadcrumb
Navigation Menu
Pagination
Dialog
Alert Dialog
Sheet
Drawer
Popover
Dropdown Menu
Context Menu
Menubar
Command
Carousel
Avatar
Badge
Table
Item
Toggle
Toggle Group
Direction
Form
Widgets
Real Examples
CN
shadcn
m@example.com
Toggle Sidebar
Components
Button
Examples
Button
Trigger actions and events with a full range of variants, sizes, and states.
Appearance: Solid
Primary
Secondary
Action
Success
Warning
Danger
Info
Light
Dark
Link
Destructive
Accent
Muted
Appearance: Outline
Primary
Secondary
Action
Success
Warning
Danger
Info
Light
Dark
Link
Destructive
Accent
Muted
Appearance: Outline Filled
Primary
Secondary
Action
Success
Warning
Danger
Info
Light
Dark
Link
Destructive
Accent
Muted
Sizes
Xs
Sm
Default
Lg
Icon
Compact Xs
Compact Sm
Compact Default
Compact Lg
Appearance: Solid - Loading
Primary
Secondary
Action
Success
Warning
Danger
Info
Light
Dark
Link
Destructive
Accent
Muted
Appearance: Outline - Loading
Primary
Secondary
Action
Success
Warning
Danger
Info
Light
Dark
Link
Destructive
Accent
Muted
Appearance: Outline Filled - Loading
Primary
Secondary
Action
Success
Warning
Danger
Info
Light
Dark
Link
Destructive
Accent
Muted
Appearance: Solid - Disabled
Primary
Secondary
Action
Success
Warning
Danger
Info
Light
Dark
Link
Destructive
Accent
Muted
Appearance: Outline - Disabled
Primary
Secondary
Action
Success
Warning
Danger
Info
Light
Dark
Link
Destructive
Accent
Muted
Appearance: Outline Filled - Disabled
Primary
Secondary
Action
Success
Warning
Danger
Info
Light
Dark
Link
Destructive
Accent
Muted
Appearance: Solid - Loading + Disabled
Primary
Secondary
Action
Success
Warning
Danger
Info
Light
Dark
Link
Destructive
Accent
Muted
Appearance: Outline - Loading + Disabled
Primary
Secondary
Action
Success
Warning
Danger
Info
Light
Dark
Link
Destructive
Accent
Muted
Appearance: Outline Filled - Loading + Disabled
Primary
Secondary
Action
Success
Warning
Danger
Info
Light
Dark
Link
Destructive
Accent
Muted
Icons (Left)
Primary
Secondary
Action
Success
Warning
Danger
Info
Light
Dark
Link
Destructive
Accent
Muted
Icons (Right)
Primary
Secondary
Action
Success
Warning
Danger
Info
Light
Dark
Link
Destructive
Accent
Muted