C
codedthemes
/
uiable
/
ui
Files
Code
Info
Basic Accordion
uiable-accordion-basic
Accordion Basic variant for accordion.
Borders Accordion
uiable-accordion-borders
Accordion Borders variant for accordion.
Card Accordion
uiable-accordion-card
Accordion Card variant for accordion.
Disabled Accordion
uiable-accordion-disabled
Accordion Disabled variant for accordion.
Flush Accordion
uiable-accordion-flush
Accordion Flush variant for accordion.
Multiple Accordion
uiable-accordion-multiple
Accordion Multiple variant for accordion.
Action Alert
uiable-alert-action
Alert Action variant for alert.
Basic Alert
uiable-alert-basic
Alert Basic variant for alert.
Colors Alert
uiable-alert-colors
Alert Colors variant for alert.
Destructive Alert
uiable-alert-destructive
Alert Destructive variant for alert.
Basic Alert Dialog
uiable-alert-dialog-basic
Alert Dialog Basic variant for alert-dialog.
Destructive Alert Dialog
uiable-alert-dialog-destructive
Alert Dialog Destructive variant for alert-dialog.
Media Alert Dialog
uiable-alert-dialog-media
Alert Dialog Media variant for alert-dialog.
Small Alert Dialog
uiable-alert-dialog-small
Alert Dialog Small variant for alert-dialog.
Small Media Alert Dialog
uiable-alert-dialog-small-media
Alert Dialog Small Media variant for alert-dialog.
Danger Dismissible Alert
uiable-alert-dismissible-danger
Alert Dismissible Danger variant for alert.
Dark Dismissible Alert
uiable-alert-dismissible-dark
Alert Dismissible Dark variant for alert.
Info Dismissible Alert
uiable-alert-dismissible-info
Alert Dismissible Info variant for alert.
Primary Dismissible Alert
uiable-alert-dismissible-primary
Alert Dismissible Primary variant for alert.
Secondary Dismissible Alert
uiable-alert-dismissible-secondary
Alert Dismissible Secondary variant for alert.
Success Dismissible Alert
uiable-alert-dismissible-success
Alert Dismissible Success variant for alert.
Warning Dismissible Alert
uiable-alert-dismissible-warning
Alert Dismissible Warning variant for alert.
Danger Icon Alert
uiable-alert-icon-danger
Alert Icon Danger variant for alert.
Dark Icon Alert
uiable-alert-icon-dark
Alert Icon Dark variant for alert.
Info Icon Alert
uiable-alert-icon-info
Alert Icon Info variant for alert.
Primary Icon Alert
uiable-alert-icon-primary
Alert Icon Primary variant for alert.
Secondary Icon Alert
uiable-alert-icon-secondary
Alert Icon Secondary variant for alert.
Success Icon Alert
uiable-alert-icon-success
Alert Icon Success variant for alert.
Warning Icon Alert
uiable-alert-icon-warning
Alert Icon Warning variant for alert.
Danger Light Alert
uiable-alert-light-danger
Alert Light Danger variant for alert.
Light Dark Alert
uiable-alert-light-dark
Alert Light Dark variant for alert.
Light Info Alert
uiable-alert-light-info
Alert Light Info variant for alert.
Light Primary Alert
uiable-alert-light-primary
Alert Light Primary variant for alert.
Light Secondary Alert
uiable-alert-light-secondary
Alert Light Secondary variant for alert.
Light Success Alert
uiable-alert-light-success
Alert Light Success variant for alert.
Light Warning Alert
uiable-alert-light-warning
Alert Light Warning variant for alert.
Solid Danger Alert
uiable-alert-solid-danger
Alert Solid Danger variant for alert.
Solid Dark Alert
uiable-alert-solid-dark
Alert Solid Dark variant for alert.
Solid Info Alert
uiable-alert-solid-info
Alert Solid Info variant for alert.
Solid Primary Alert
uiable-alert-solid-primary
Alert Solid Primary variant for alert.
Solid Secondary Alert
uiable-alert-solid-secondary
Alert Solid Secondary variant for alert.
Solid Success Alert
uiable-alert-solid-success
Alert Solid Success variant for alert.
Solid Warning Alert
uiable-alert-solid-warning
Alert Solid Warning variant for alert.
Portrait Aspect Ratio
uiable-aspect-ratio-portrait
Aspect Ratio Portrait variant for aspect-ratio.
Square Aspect Ratio
uiable-aspect-ratio-square
Aspect Ratio Square variant for aspect-ratio.
Group
uiable-attachment-group
Attachment Group variant for attachment.
Sizes
uiable-attachment-sizes
Attachment Sizes variant for attachment.
States
uiable-attachment-states
Attachment States variant for attachment.
Trigger
uiable-attachment-triggers
Attachment Trigger variant for attachment.
Vertical Attachment
uiable-attachment-vertical
Attachment Vertical variant for attachment.
Badge Avatar
uiable-avatar-badge
Avatar Badge variant for avatar.
Badge Icon Avatar
uiable-avatar-badge-icon
Avatar Badge Icon variant for avatar.
Basic Avatar
uiable-avatar-basic
Avatar Basic variant for avatar.
Dropdown Avatar
uiable-avatar-dropdown
Avatar Dropdown variant for avatar.
Group Avatar
uiable-avatar-group
Avatar Group variant for avatar.
Group Count Avatar
uiable-avatar-group-count
Avatar Group Count variant for avatar.
Group Count Icon Avatar
uiable-avatar-group-count-icon
Avatar Group Count Icon variant for avatar.
Size Avatar
uiable-avatar-size
Avatar Size variant for avatar.
Colors Badge
uiable-badge-colors
Badge Colors variant for badge.
Icon Badge
uiable-badge-icon
Badge Icon variant for badge.
Light Danger Badge
uiable-badge-light-danger
Badge Light Danger variant for badge.
Light Dark Badge
uiable-badge-light-dark
Badge Light Dark variant for badge.
Light Info Badge
uiable-badge-light-info
Badge Light Info variant for badge.
Light Primary Badge
uiable-badge-light-primary
Badge Light Primary variant for badge.
Light Secondary Badge
uiable-badge-light-secondary
Badge Light Secondary variant for badge.
Light Success Badge
uiable-badge-light-success
Badge Light Success variant for badge.
Light Warning Badge
uiable-badge-light-warning
Badge Light Warning variant for badge.
Link Badge
uiable-badge-link
Badge Link variant for badge.
Danger Outline Badge
uiable-badge-outline-danger
Badge Outline Danger variant for badge.
Dark Outline Badge
uiable-badge-outline-dark
Badge Outline Dark variant for badge.
Info Outline Badge
uiable-badge-outline-info
Badge Outline Info variant for badge.
Primary Outline Badge
uiable-badge-outline-primary
Badge Outline Primary variant for badge.
Secondary Outline Badge
uiable-badge-outline-secondary
Badge Outline Secondary variant for badge.
Success Outline Badge
uiable-badge-outline-success
Badge Outline Success variant for badge.
Warning Outline Badge
uiable-badge-outline-warning
Badge Outline Warning variant for badge.
Danger Pill Badge
uiable-badge-pill-danger
Badge Pill Danger variant for badge.
Dark Pill Badge
uiable-badge-pill-dark
Badge Pill Dark variant for badge.
Info Pill Badge
uiable-badge-pill-info
Badge Pill Info variant for badge.
Primary Pill Badge
uiable-badge-pill-primary
Badge Pill Primary variant for badge.
Secondary Pill Badge
uiable-badge-pill-secondary
Badge Pill Secondary variant for badge.
Success Pill Badge
uiable-badge-pill-success
Badge Pill Success variant for badge.
Warning Pill Badge
uiable-badge-pill-warning
Badge Pill Warning variant for badge.
Danger Solid Badge
uiable-badge-solid-danger
Badge Solid Danger variant for badge.
Dark Solid Badge
uiable-badge-solid-dark
Badge Solid Dark variant for badge.
Info Solid Badge
uiable-badge-solid-info
Badge Solid Info variant for badge.
Primary Solid Badge
uiable-badge-solid-primary
Badge Solid Primary variant for badge.
Secondary Solid Badge
uiable-badge-solid-secondary
Badge Solid Secondary variant for badge.
Success Solid Badge
uiable-badge-solid-success
Badge Solid Success variant for badge.
Warning Solid Badge
uiable-badge-solid-warning
Badge Solid Warning variant for badge.
Spinner Badge
uiable-badge-spinner
Badge Spinner variant for badge.
Basic Breadcrumb
uiable-breadcrumb-basic
Breadcrumb Basic variant for breadcrumb.
Collapsed Breadcrumb
uiable-breadcrumb-collapsed
Breadcrumb Collapsed variant for breadcrumb.
Dropdown Breadcrumb
uiable-breadcrumb-dropdown
Breadcrumb Dropdown variant for breadcrumb.
Ellipsis Breadcrumb
uiable-breadcrumb-ellipsis
Breadcrumb Ellipsis variant for breadcrumb.
Icon Breadcrumb
uiable-breadcrumb-icon
Breadcrumb Icon variant for breadcrumb.
Link Breadcrumb
uiable-breadcrumb-link
Breadcrumb Link variant for breadcrumb.
Page Header Breadcrumb
uiable-breadcrumb-page-header
Breadcrumb Page Header variant for breadcrumb.
Separator Breadcrumb
uiable-breadcrumb-separator
Breadcrumb Separator variant for breadcrumb.
Bubble Alignment
uiable-bubble-alignment
Bubble Alignment variant for bubble.
Show More / Collapsible
uiable-bubble-collapsible
Bubble Collapsible variant for bubble.
Bubble Group
uiable-bubble-group
Bubble Group variant for bubble.
Links and Buttons
uiable-bubble-link
Bubble Links & Buttons variant for bubble.
Popover
uiable-bubble-popover
Bubble Popover variant for bubble.
Bubble Reactions
uiable-bubble-reactions
Bubble Reactions variant for bubble.
Tooltip
uiable-bubble-tooltip
Bubble Tooltip variant for bubble.
Bubble Variants
uiable-bubble-variants
Bubble Visual Variants for bubble.
Animated Button
uiable-button-animated
Animated Button variant for button
Animated Button On Hover
uiable-button-animated-border
Animated Button variant for button
Gradient Animated Button
uiable-button-animated-gradient
Gradient Animated Button variant for button
Default Button
uiable-button-default
Button Default variant for button.
Destructive Button
uiable-button-destructive
Button Destructive variant for button.
Ghost Button
uiable-button-ghost
Button Ghost variant for button.
Dropdown Button Group
uiable-button-group-dropdown
Button Group Dropdown variant for button-group.
Icon Button Group
uiable-button-group-icon
Button Group Icon variant for button-group.
Input Button Group
uiable-button-group-input
Button Group Input variant for button-group.
Input Button Group
uiable-button-group-input-group
Button Group Input Group variant for button-group.
Nested Button Group
uiable-button-group-nested
Button Group Nested variant for button-group.
Orientation Button Group
uiable-button-group-orientation
Button Group Orientation variant for button-group.
Popover Button Group
uiable-button-group-popover
Button Group Popover variant for button-group.
Quantity Selector
uiable-button-group-qty-select
Button Group Quantity Selector variant for button-group.
Select Button Group
uiable-button-group-select
Button Group Select variant for button-group.
Separator Button Group
uiable-button-group-separator
Button Group Separator variant for button-group.
Size Button Group
uiable-button-group-size
Button Group Size variant for button-group.
Social Button Group
uiable-button-group-social
Button Group Social variant for button-group.
Split Button Group
uiable-button-group-split
Button Group Split variant for button-group.
Text Styling Toolbar
uiable-button-group-toolbar
Button Group Toolbar variant for button-group.
Icon Button
uiable-button-icon
Button Icon variant for button.
Danger Icon Button
uiable-button-icon-danger
Button Icon Danger variant for button.
Dark Icon Button
uiable-button-icon-dark
Button Icon Dark variant for button.
Info Icon Button
uiable-button-icon-info
Button Icon Info variant for button.
Primary Icon Button
uiable-button-icon-primary
Button Icon Primary variant for button.
Secondary Icon Button
uiable-button-icon-secondary
Button Icon Secondary variant for button.
Success Icon Button
uiable-button-icon-success
Button Icon Success variant for button.
Warning Icon Button
uiable-button-icon-warning
Button Icon Warning variant for button.
Light Danger Button
uiable-button-light-danger
Button Light Danger variant for button.
Light Dark Button
uiable-button-light-dark
Button Light Dark variant for button.
Light Info Button
uiable-button-light-info
Button Light Info variant for button.
Light Primary Button
uiable-button-light-primary
Button Light Primary variant for button.
Light Secondary Button
uiable-button-light-secondary
Button Light Secondary variant for button.
Light Success Button
uiable-button-light-success
Button Light Success variant for button.
Light Warning Button
uiable-button-light-warning
Button Light Warning variant for button.
Link Button
uiable-button-link
Button Link variant for button.
Outline Button
uiable-button-outline
Button Outline variant for button.
Outline Danger Button
uiable-button-outline-danger
Button Outline Danger variant for button.
Outline Dark Button
uiable-button-outline-dark
Button Outline Dark variant for button.
Outline Info Button
uiable-button-outline-info
Button Outline Info variant for button.
Outline Primary Button
uiable-button-outline-primary
Button Outline Primary variant for button.
Outline Secondary Button
uiable-button-outline-secondary
Button Outline Secondary variant for button.
Outline Success Button
uiable-button-outline-success
Button Outline Success variant for button.
Outline Warning Button
uiable-button-outline-warning
Button Outline Warning variant for button.
Render Button
uiable-button-render
Button Render variant for button.
Radios Button
uiable-button-rounded
Button Radios variant for button.
Secondary Button
uiable-button-secondary
Button Secondary variant for button.
Size Button
uiable-button-size
Button Size variant for button.
Social Button
uiable-button-social
Social button variant for button
Solid Danger Button
uiable-button-solid-danger
Button Solid Danger variant for button.
Solid Dark Button
uiable-button-solid-dark
Button Solid Dark variant for button.
Solid Info Button
uiable-button-solid-info
Button Solid Info variant for button.
Solid Primary Button
uiable-button-solid-primary
Button Solid Primary variant for button.
Solid Secondary Button
uiable-button-solid-secondary
Button Solid Secondary variant for button.
Solid Success Button
uiable-button-solid-success
Button Solid Success variant for button.
Solid Warning Button
uiable-button-solid-warning
Button Solid Warning variant for button.
Spinner Button
uiable-button-spinner
Button Spinner variant for button.
Toggle Button
uiable-button-toggle
Toggle button variant for button
Button With Badge
uiable-button-with-badge
Button with badge variant for button
With Icon Button
uiable-button-with-icon
Button With Icon variant for button.
Basic Calendar
uiable-calendar-basic
Calendar Basic variant for calendar.
Booked Dates Calendar
uiable-calendar-booked-dates
Calendar Booked Dates variant for calendar.
Caption Calendar
uiable-calendar-caption
Calendar Caption variant for calendar.
Custom Days Calendar
uiable-calendar-custom-days
Calendar Custom Days variant for calendar.
Hijri Calendar
uiable-calendar-hijri
Calendar Hijri variant for calendar.
Multiple Calendar
uiable-calendar-multiple
Calendar Multiple variant for calendar.
Presets Calendar
uiable-calendar-presets
Calendar Presets variant for calendar.
Range Calendar
uiable-calendar-range
Calendar Range variant for calendar.
Time Calendar
uiable-calendar-time
Calendar Time variant for calendar.
Week Numbers Calendar
uiable-calendar-week-numbers
Calendar Week Numbers variant for calendar.
Align Center Card
uiable-card-align-center
Card Align Center variant for card.
Align Right Card
uiable-card-align-right
Card Align Right variant for card.
Basic Card
uiable-card-basic
Card Basic variant for card.
Header Footer Card
uiable-card-header-footer
Card Header Footer variant for card.
Horizontal Card
uiable-card-horizontal
Card Horizontal variant for card.
Image Card
uiable-card-image
Card Image variant for card.
Image Bottom Card
uiable-card-image-bottom
Card Image Bottom variant for card.
Image Overlay Card
uiable-card-image-overlay
Card Image Overlay variant for card.
Image Top Card
uiable-card-image-top
Card Image Top variant for card.
Small Card
uiable-card-small
Card Small variant for card.
Danger Solid Card
uiable-card-solid-danger
Card Solid Danger variant for card.
Dark Solid Card
uiable-card-solid-dark
Card Solid Dark variant for card.
Info Solid Card
uiable-card-solid-info
Card Solid Info variant for card.
Primary Solid Card
uiable-card-solid-primary
Card Solid Primary variant for card.
Secondary Solid Card
uiable-card-solid-secondary
Card Solid Secondary variant for card.
Success Solid Card
uiable-card-solid-success
Card Solid Success variant for card.
Warning Solid Card
uiable-card-solid-warning
Card Solid Warning variant for card.
Title Subtitle Card
uiable-card-title-subtitle
Card Title Subtitle variant for card.
Api Carousel
uiable-carousel-api
Carousel Api variant for carousel.
Multiple Carousel
uiable-carousel-multiple
Carousel Multiple variant for carousel.
Orientation Carousel
uiable-carousel-orientation
Carousel Orientation variant for carousel.
Plugin Carousel
uiable-carousel-plugin
Carousel Plugin variant for carousel.
Size Carousel
uiable-carousel-size
Carousel Size variant for carousel.
Spacing Carousel
uiable-carousel-spacing
Carousel Spacing variant for carousel.
Chart Example
uiable-chart-example
Chart Example variant for chart.
Axis Chart Example
uiable-chart-example-axis
Chart Example Axis variant for chart.
Grid Chart Example
uiable-chart-example-grid
Chart Example Grid variant for chart.
Legend Chart Example
uiable-chart-example-legend
Chart Example Legend variant for chart.
Tooltip Chart Example
uiable-chart-example-tooltip
Chart Example Tooltip variant for chart.
Tooltip Chart
uiable-chart-tooltip
Chart Tooltip variant for chart.
Basic Checkbox
uiable-checkbox-basic
Checkbox Basic variant for checkbox.
Colors Checkboxes
uiable-checkbox-colors
Colors Checkbox variant for checkbox.
Description Checkbox
uiable-checkbox-description
Checkbox Description variant for checkbox.
Disabled Checkbox
uiable-checkbox-disabled
Checkbox Disabled variant for checkbox.
Group Checkbox
uiable-checkbox-group
Checkbox Group variant for checkbox.
Indeterminate Checkbox
uiable-checkbox-indeterminate
Indeterminate Checkbox variant for checkbox.
Invalid Checkbox
uiable-checkbox-invalid
Checkbox Invalid variant for checkbox.
Checkbox List
uiable-checkbox-list
Checkbox List variant for checkbox.
Checkbox Sizes
uiable-checkbox-sizes
Checkbox Size variant for checkbox.
Table Checkbox
uiable-checkbox-table
Checkbox Table variant for checkbox.
Todo List
uiable-checkbox-todo-list
Todo List Checkbox variant for checkbox.
Basic Collapsible
uiable-collapsible-basic
Collapsible Basic variant for collapsible.
File Tree Collapsible
uiable-collapsible-file-tree
Collapsible File Tree variant for collapsible.
Settings Collapsible
uiable-collapsible-settings
Collapsible Settings variant for collapsible.
Auto Highlight Combobox
uiable-combobox-auto-highlight
Combobox Auto Highlight variant for combobox.
Autocomplete Combobox
uiable-combobox-autocomplete
Combobox Autocomplete variant for combobox.
Basic Combobox
uiable-combobox-basic
Combobox Basic variant for combobox.
Clear Combobox
uiable-combobox-clear
Combobox Clear variant for combobox.
Custom Combobox
uiable-combobox-custom
Combobox Custom variant for combobox.
Disabled Combobox
uiable-combobox-disabled
Combobox Disabled variant for combobox.
Error Combobox
uiable-combobox-error
Combobox Error variant for combobox.
Groups Combobox
uiable-combobox-groups
Combobox Groups variant for combobox.
Input Group Combobox
uiable-combobox-input-group
Combobox Input Group variant for combobox.
Invalid Combobox
uiable-combobox-invalid
Combobox Invalid variant for combobox.
Multiple Combobox
uiable-combobox-multiple
Combobox Multiple variant for combobox.
Popup Combobox
uiable-combobox-popup
Combobox Popup variant for combobox.
Users Combobox
uiable-combobox-user
Combobox User variant for combobox.
Combobox With Checkbox
uiable-combobox-with-checkbox
Combobox With Checkbox variant for combobox.
Basic Command
uiable-command-basic
Command Basic variant for command.
Developer Actions
uiable-command-developer-actions
Command Developer Actions variant for command.
Dialog Command
uiable-command-dialog
Command Dialog variant for command.
Groups Command
uiable-command-groups
Command Groups variant for command.
Invite Members
uiable-command-invite-members
Collaborative command palette for inviting teammates and managing workspace actions.
Scrollable Command
uiable-command-scrollable
Command Scrollable variant for command.
Search & Filter
uiable-command-search-filter
Search-focused command palette with smart filters and curated content suggestions.
Shortcuts Command
uiable-command-shortcuts
Command Shortcuts variant for command.
With Description
uiable-command-with-description
Command With Description variant for command.
Basic Context Menu
uiable-context-menu-basic
Context Menu Basic variant for context-menu.
Checkboxes Context Menu
uiable-context-menu-checkboxes
Context Menu Checkboxes variant for context-menu.
Destructive Context Menu
uiable-context-menu-destructive
Context Menu Destructive variant for context-menu.
Groups Context Menu
uiable-context-menu-groups
Context Menu Groups variant for context-menu.
Icons Context Menu
uiable-context-menu-icons
Context Menu Icons variant for context-menu.
Radio Context Menu
uiable-context-menu-radio
Context Menu Radio variant for context-menu.
Shortcuts Context Menu
uiable-context-menu-shortcuts
Context Menu Shortcuts variant for context-menu.
Sides Context Menu
uiable-context-menu-sides
Context Menu Sides variant for context-menu.
Submenu Context Menu
uiable-context-menu-submenu
Context Menu Submenu variant for context-menu.
Basic Data Table
uiable-data-table-basic
Data Table Basic variant for data-table.
Basic Date Picker
uiable-date-picker-basic
Date Picker Basic variant for date-picker.
Disabled Date Picker
uiable-date-picker-disabled
Date Picker Disabled variant for date-picker.
Dob Date Picker
uiable-date-picker-dob
Date Picker Dob variant for date-picker.
Input Date Picker
uiable-date-picker-input
Date Picker Input variant for date-picker.
Natural Language Date Picker
uiable-date-picker-natural-language
Date Picker Natural Language variant for date-picker.
Neutral Date & Time Picker
uiable-date-picker-neutral
Neutral Date & Time Picker variant for date-picker.
Range Date Picker
uiable-date-picker-range
Date Picker Range variant for date-picker.
Time Date Picker
uiable-date-picker-time
Date Picker Time variant for date-picker.
Basic Dialog
uiable-dialog-basic
Dialog Basic variant for dialog.
Centered Dialog
uiable-dialog-centered
Dialog Centered variant for dialog.
Close Button Dialog
uiable-dialog-close-button
Dialog Close Button variant for dialog.
Full Screen Dialog
uiable-dialog-full-screen
Dialog Full Screen variant for dialog.
Large Dialog
uiable-dialog-large
Dialog Large variant for dialog.
No Close Button Dialog
uiable-dialog-no-close-button
Dialog No Close Button variant for dialog.
Scrollable Content Dialog
uiable-dialog-scrollable-content
Dialog Scrollable Content variant for dialog.
Small Dialog
uiable-dialog-small
Dialog Small variant for dialog.
Sticky Footer Dialog
uiable-dialog-sticky-footer
Dialog Sticky Footer variant for dialog.
Dialog Drawer
uiable-drawer-dialog
Drawer Dialog variant for drawer.
Scrollable Content Drawer
uiable-drawer-scrollable-content
Drawer Scrollable Content variant for drawer.
Sides Drawer
uiable-drawer-sides
Drawer Sides variant for drawer.
Avatar Dropdown Menu
uiable-dropdown-menu-avatar
Dropdown Menu Avatar variant for dropdown-menu.
Basic Dropdown Menu
uiable-dropdown-menu-basic
Dropdown Menu Basic variant for dropdown-menu.
Danger Dropdown Menu
uiable-dropdown-menu-basic-danger
Dropdown Menu Basic Danger variant for dropdown-menu.
Info Dropdown Menu
uiable-dropdown-menu-basic-info
Dropdown Menu Basic Info variant for dropdown-menu.
Primary Dropdown Menu
uiable-dropdown-menu-basic-primary
Dropdown Menu Basic Primary variant for dropdown-menu.
Secondary Dropdown Menu
uiable-dropdown-menu-basic-secondary
Dropdown Menu Basic Secondary variant for dropdown-menu.
Success Dropdown Menu
uiable-dropdown-menu-basic-success
Dropdown Menu Basic Success variant for dropdown-menu.
Warning Dropdown Menu
uiable-dropdown-menu-basic-warning
Dropdown Menu Basic Warning variant for dropdown-menu.
Checkbox Dropdown Menu
uiable-dropdown-menu-checkboxes
Dropdown Menu Checkboxes variant for dropdown-menu.
Checkbox Icons Dropdown Menu
uiable-dropdown-menu-checkboxes-icons
Dropdown Menu Checkboxes Icons variant for dropdown-menu.
Complex Dropdown Menu
uiable-dropdown-menu-complex
Dropdown Menu Complex variant for dropdown-menu.
Destructive Dropdown Menu
uiable-dropdown-menu-destructive
Dropdown Menu Destructive variant for dropdown-menu.
Form Dropdown Menu
uiable-dropdown-menu-forms
Dropdown Menu Forms variant for dropdown-menu.
Icon Dropdown Menu
uiable-dropdown-menu-icons
Dropdown Menu Icons variant for dropdown-menu.
Primary Outline Dropdown Menu
uiable-dropdown-menu-outline-primary
Dropdown Menu Outline Primary variant for dropdown-menu.
Radio Group Dropdown Menu
uiable-dropdown-menu-radio-group
Dropdown Menu Radio Group variant for dropdown-menu.
Radio Icons Dropdown Menu
uiable-dropdown-menu-radio-icons
Dropdown Menu Radio Icons variant for dropdown-menu.
Shortcuts Dropdown Menu
uiable-dropdown-menu-shortcuts
Dropdown Menu Shortcuts variant for dropdown-menu.
Split Primary Dropdown Menu
uiable-dropdown-menu-split-primary
Dropdown Menu Split Primary variant for dropdown-menu.
Submenu Dropdown Menu
uiable-dropdown-menu-submenu
Dropdown Menu Submenu variant for dropdown-menu.
Text Dropdown Menu
uiable-dropdown-menu-text
Dropdown Menu Text variant for dropdown-menu.
Empty Avatar
uiable-empty-avatar
Empty Avatar variant for empty.
Empty Group Avatar
uiable-empty-avatar-group
Empty Avatar Group variant for empty.
Empty Background
uiable-empty-background
Empty Background variant for empty.
Empty Card
uiable-empty-card
Empty Card variant for empty.
Empty Input Group
uiable-empty-input-group
Empty Input Group variant for empty.
Empty Outline
uiable-empty-outline
Empty Outline variant for empty.
Checkbox Field
uiable-field-checkbox
Field Checkbox variant for field.
Card Choice Field
uiable-field-choice-card
Field Choice Card variant for field.
Fieldset Field
uiable-field-fieldset
Field Fieldset variant for field.
Group Field
uiable-field-group
Field Group variant for field.
Input Field
uiable-field-input
Field Input variant for field.
Radio Field
uiable-field-radio
Field Radio variant for field.
Responsive Field
uiable-field-responsive
Field Responsive variant for field.
Select Field
uiable-field-select
Field Select variant for field.
Slider Field
uiable-field-slider
Field Slider variant for field.
Switch Field
uiable-field-switch
Field Switch variant for field.
Textarea Field
uiable-field-textarea
Field Textarea variant for field.
Sides Hover Card
uiable-hover-card-sides
Hover Card Sides variant for hover-card.
Badge Input
uiable-input-badge
Input Badge variant for input.
Basic Input
uiable-input-basic
Input Basic variant for input.
Button Group Input
uiable-input-button-group
Input Button Group variant for input.
Disabled Input
uiable-input-disabled
Input Disabled variant for input.
Field Input
uiable-input-field
Input Field variant for input.
Fieldgroup Input
uiable-input-fieldgroup
Input Fieldgroup variant for input.
File Input
uiable-input-file
Input File variant for input.
Form Input
uiable-input-form
Input Form variant for input.
Grid Input
uiable-input-grid
Input Grid variant for input.
Basic Input Group
uiable-input-group-basic
Input Group Basic variant for input-group.
Block End Input Group
uiable-input-group-block-end
Input Group Block End variant for input-group.
Block Start Input Group
uiable-input-group-block-start
Input Group Block Start variant for input-group.
Button Input Group
uiable-input-group-button
Input Group Button variant for input-group.
Chat Message Input Group
uiable-input-group-chat-message
Input Group Chat Message variant for input-group.
Custom Input Group
uiable-input-group-custom
Input Group Custom variant for input-group.
Dropdown Input Group
uiable-input-group-dropdown
Input Group Dropdown variant for input-group.
Icon Input Group
uiable-input-group-icon
Input Group Icon variant for input-group.
In Card Input Group
uiable-input-group-in-card
Input Group In Card variant for input-group.
Inline End Input Group
uiable-input-group-inline-end
Input Group Inline End variant for input-group.
Inline Start Input Group
uiable-input-group-inline-start
Input Group Inline Start variant for input-group.
Kbd Input Group
uiable-input-group-kbd
Input Group Kbd variant for input-group.
Label Input Group
uiable-input-group-label
Input Group Label variant for input-group.
Spinner Input Group
uiable-input-group-spinner
Input Group Spinner variant for input-group.
Text Input Group
uiable-input-group-text
Input Group Text variant for input-group.
Textarea Input Group
uiable-input-group-textarea
Input Group Textarea variant for input-group.
Textarea Examples Input Group
uiable-input-group-textarea-examples
Input Group Textarea Examples variant for input-group.
Tooltip Input Group
uiable-input-group-tooltip
Input Group Tooltip variant for input-group.
With Addons Input Group
uiable-input-group-with-addons
Input Group With Addons variant for input-group.
With Buttons Input Group
uiable-input-group-with-buttons
Input Group With Buttons variant for input-group.
With Kbd Input Group
uiable-input-group-with-kbd
Input Group With Kbd variant for input-group.
With Tooltip Input Group
uiable-input-group-with-tooltip
Input Group With Tooltip variant for input-group.
Inline Input
uiable-input-inline
Input Inline variant for input.
Input Group Input
uiable-input-input-group
Input Input Group variant for input.
Invalid Input
uiable-input-invalid
Input Invalid variant for input.
Alphanumeric Input Otp
uiable-input-otp-alphanumeric
Input Otp Alphanumeric variant for input-otp.
Animated Input Otp
uiable-input-otp-animated
Input Otp Animated variant with bounce animation on each slot when a digit is entered.
Controlled Input Otp
uiable-input-otp-controlled
Input Otp Controlled variant for input-otp.
Disabled Input Otp
uiable-input-otp-disabled
Input Otp Disabled variant for input-otp.
Filled Input Otp
uiable-input-otp-filled
Input Otp Filled variant for input-otp
Form Input Otp
uiable-input-otp-form
Input Otp Form variant for input-otp.
Four Digits Input Otp
uiable-input-otp-four-digits
Input Otp Four Digits variant for input-otp.
Invalid Input Otp
uiable-input-otp-invalid
Input Otp Invalid variant for input-otp.
Outlined Input Otp
uiable-input-otp-outlined
Input Otp Outlined variant for input-otp
Pattern Input Otp
uiable-input-otp-pattern
Input Otp Pattern variant for input-otp.
Separator Input Otp
uiable-input-otp-separator
Input Otp Separator variant for input-otp.
Range Input
uiable-input-range
Input Range variant for input.
Required Input
uiable-input-required
Input Required variant for input.
Select Input
uiable-input-select
Input Select variant for input.
Validation Input
uiable-input-validation
Input Validation variant for input.
Avatar Item
uiable-item-avatar
Item Avatar variant for item.
Background Item
uiable-item-background
Item with background variant for item.
Checkbox Item
uiable-item-checkbox
Selectable item rows with checkbox for item.
Dropdown Item
uiable-item-dropdown
Item Dropdown variant for item.
Group Item
uiable-item-group
Item Group variant for item.
Header Item
uiable-item-header
Item Header variant for item.
Icon Item
uiable-item-icon
Item Icon variant for item.
Image Item
uiable-item-image
Item Image variant for item.
Link Item
uiable-item-link
Item Link variant for item.
Separator Item
uiable-item-separator
Items visually divided by separator lines for item.
Size Item
uiable-item-size
Item Size variant for item.
Switch Item
uiable-item-switch
Item with a toggle switch for item.
Variant Item
uiable-item-variant
Item Variant variant for item.
Button Kbd
uiable-kbd-button
Kbd Button variant for kbd.
Group Kbd
uiable-kbd-group
Kbd Group variant for kbd.
Input Group Kbd
uiable-kbd-input-group
Kbd Input Group variant for kbd.
Tooltip Kbd
uiable-kbd-tooltip
Kbd Tooltip variant for kbd.
Basic Label
uiable-label-basic
Label Basic variant for label.
Active List Group
uiable-list-group-active
List Group Active variant for list-group.
Basic List Group
uiable-list-group-basic
List Group Basic variant for list-group.
Buttons List Group
uiable-list-group-buttons
List Group Buttons variant for list-group.
Checkboxes List Group
uiable-list-group-checkboxes
List Group Checkboxes variant for list-group.
Custom Content List Group
uiable-list-group-custom-content
List Group Custom Content variant for list-group.
Disabled List Group
uiable-list-group-disabled
List Group Disabled variant for list-group.
Flush List Group
uiable-list-group-flush
List Group Flush variant for list-group.
Links List Group
uiable-list-group-links
List Group Links variant for list-group.
Numbered List Group
uiable-list-group-numbered
List Group Numbered variant for list-group.
Radios List Group
uiable-list-group-radios
List Group Radios variant for list-group.
Bordered Marker
uiable-marker-bordered
Marker Bordered variant for marker.
Links and Buttons
uiable-marker-links
Links and Buttons Marker variant for marker.
Separator Marker
uiable-marker-separator
Marker Separator variant for marker.
Shimmer Marker
uiable-marker-shimmer
Marker Shimmer variant for marker.
Status Marker
uiable-marker-status
Marker Status variant for marker.
Variants
uiable-marker-variants
Marker variant for marker.
Marker With Icon
uiable-marker-with-icon
Marker With Icon variant for marker.
Checkbox Menubar
uiable-menubar-checkbox
Menubar Checkbox variant for menubar.
Icons Menubar
uiable-menubar-icons
Menubar Icons variant for menubar.
Radio Menubar
uiable-menubar-radio
Menubar Radio variant for menubar.
Submenu Menubar
uiable-menubar-submenu
Menubar Submenu variant for menubar.
Actions
uiable-message-actions
Message Actions variant for message.
Attachment
uiable-message-attachment
Message Atachment variant for message.
Message Group
uiable-message-group
Message Group variant for message.
Header And Footer
uiable-message-header-footer
Message Header And Footer variant for message.
Anchoring Turns
uiable-message-scroller-anchoring-turns
Message Scroller Anchoring Turns variant for message-scroller.
Animating New Messages
uiable-message-scroller-animatinng
Message Scroller Animating variant for message-scroller.
Keeping Context Visible
uiable-message-scroller-context-visible
Message Scroller Keeping Context Visible variant for message-scroller.
Group Chat
uiable-message-scroller-group-chat
Message Scroller Group Chat variant for message-scroller.
Following the Live Edge
uiable-message-scroller-live-edge
Message Scroller Live Edge variant for message-scroller.
Loading Earlier Messages
uiable-message-scroller-load-history
Message Scroller Load History variant for message-scroller.
Opening Saved Threads
uiable-message-scroller-position
Message Scroller Opening Saved Threads variant for message-scroller.
Tracking the Reader's Position
uiable-message-scroller-reader-position
Message Scroller Reader Position variant for message-scroller.
Reading Scroll State
uiable-message-scroller-reading-state
Message Scroller Reading State variant for message-scroller.
Message With Avatar
uiable-message-with-avatar
Message With Avatar variant for message.
Muted Group Item
uiable-muted-item-group
Muted Item Group variant for item.
Disabled Native Select
uiable-native-select-disabled
Native Select Disabled variant for native-select.
Groups Native Select
uiable-native-select-groups
Native Select Groups variant for native-select.
Invalid Native Select
uiable-native-select-invalid
Native Select Invalid variant for native-select.
Basic Navigation Menu
uiable-navigation-menu-basic
Navigation Menu Basic variant for navigation-menu.
Outline Group Item
uiable-outline-item-group
Outline Item Group variant for item.
Alignment Pagination
uiable-pagination-alignment
Pagination Alignment variant for pagination.
Basic Pagination
uiable-pagination-basic
Pagination Basic variant for pagination.
Icon Pagination
uiable-pagination-icon
Pagination Icon variant for pagination.
Icons Only Pagination
uiable-pagination-icons-only
Pagination Icons Only variant for pagination.
Simple Pagination
uiable-pagination-simple
Pagination Simple variant for pagination.
Sizing Pagination
uiable-pagination-sizing
Pagination Sizing variant for pagination.
State Pagination
uiable-pagination-state
Pagination State variant for pagination.
Alignments Popover
uiable-popover-alignments
Popover Alignments variant for popover.
Basic Popover
uiable-popover-basic
Popover Basic variant for popover.
Form Popover
uiable-popover-form
Popover Form variant for popover.
Animated Primary Progress
uiable-progress-animated-primary
Progress Animated Primary variant for progress.
Controlled Progress
uiable-progress-controlled
Progress Controlled variant for progress.
Height Progress
uiable-progress-height
Progress Height variant for progress.
Label Progress
uiable-progress-label
Progress Label variant for progress.
Multiple Progress
uiable-progress-multiple
Progress Multiple variant for progress.
Solid Danger Progress
uiable-progress-solid-danger
Progress Solid Danger variant for progress.
Solid Dark Progress
uiable-progress-solid-dark
Progress Solid Dark variant for progress.
Solid Info Progress
uiable-progress-solid-info
Progress Solid Info variant for progress.
Solid Primary Progress
uiable-progress-solid-primary
Progress Solid Primary variant for progress.
Solid Secondary Progress
uiable-progress-solid-secondary
Progress Solid Secondary variant for progress.
Solid Success Progress
uiable-progress-solid-success
Progress Solid Success variant for progress.
Solid Warning Progress
uiable-progress-solid-warning
Progress Solid Warning variant for progress.
Striped Primary Progress
uiable-progress-striped-primary
Progress Striped Primary variant for progress.
Fields Radio
uiable-radio-fields
Radio Fields variant for radio.
Box Radio Group
uiable-radio-group-box
Radio Group Box variant for radio-group.
Choice Card Radio Group
uiable-radio-group-choice-card
Radio Group Choice Card variant for radio-group.
Colors Radio Group
uiable-radio-group-colors
Color Radio Group variant for radio-group.
Description Radio Group
uiable-radio-group-description
Radio Group Description variant for radio-group.
Disabled Radio Group
uiable-radio-group-disabled
Radio Group Disabled variant for radio-group.
Fieldset Radio Group
uiable-radio-group-fieldset
Radio Group Fieldset variant for radio-group.
Invalid Radio Group
uiable-radio-group-invalid
Radio Group Invalid variant for radio-group.
List Radio Group
uiable-radio-group-list
Radio Group List variant for radio-group.
Sizes Radio Group
uiable-radio-group-sizes
Size Radio Group variant for radio-group.
Handle Resizable
uiable-resizable-handle
Resizable Handle variant for resizable.
Vertical Resizable
uiable-resizable-vertical
Resizable Vertical variant for resizable.
Basic Scroll Area
uiable-scroll-area-basic
Scroll Area Basic variant for scroll-area.
Align Item Select
uiable-select-align-item
Select Align Item variant for select.
Disabled Select
uiable-select-disabled
Select Disabled variant for select.
Groups Select
uiable-select-groups
Select Groups variant for select.
Invalid Select
uiable-select-invalid
Select Invalid variant for select.
Scrollable Select
uiable-select-scrollable
Select Scrollable variant for select.
List Separator
uiable-separator-list
Separator List variant for separator.
Menu Separator
uiable-separator-menu
Separator Menu variant for separator.
Vertical Separator
uiable-separator-vertical
Separator Vertical variant for separator.
No Close Button Sheet
uiable-sheet-no-close-button
Sheet No Close Button variant for sheet.
Side Sheet
uiable-sheet-side
Sheet Side variant for sheet.
Sidebar 1
uiable-sidebar-1
Sidebar variant 1.
Sidebar 2
uiable-sidebar-2
Sidebar variant 2.
Sidebar 3
uiable-sidebar-3
Sidebar variant 3.
Avatar Skeleton
uiable-skeleton-avatar
Skeleton Avatar variant for skeleton.
Card Skeleton
uiable-skeleton-card
Skeleton Card variant for skeleton.
Form Skeleton
uiable-skeleton-form
Skeleton Form variant for skeleton.
Table Skeleton
uiable-skeleton-table
Skeleton Table variant for skeleton.
Text Skeleton
uiable-skeleton-text
Skeleton Text variant for skeleton.
Controlled Slider
uiable-slider-controlled
Slider Controlled variant for slider.
Disabled Slider
uiable-slider-disabled
Slider Disabled variant for slider.
Multiple Slider
uiable-slider-multiple
Slider Multiple variant for slider.
Range Slider
uiable-slider-range
Slider Range variant for slider.
Vertical Slider
uiable-slider-vertical
Slider Vertical variant for slider.
Description Sonner
uiable-sonner-description
Sonner Description variant for sonner.
Position Sonner
uiable-sonner-position
Sonner Position variant for sonner.
Types Sonner
uiable-sonner-types
Sonner Types variant for sonner.
Badge Spinner
uiable-spinner-badge
Spinner Badge variant for spinner.
Danger Border Spinner
uiable-spinner-border-danger
Spinner Border Danger variant for spinner.
Dark Border Spinner
uiable-spinner-border-dark
Spinner Border Dark variant for spinner.
Info Border Spinner
uiable-spinner-border-info
Spinner Border Info variant for spinner.
Primary Border Spinner
uiable-spinner-border-primary
Spinner Border Primary variant for spinner.
Secondary Border Spinner
uiable-spinner-border-secondary
Spinner Border Secondary variant for spinner.
Success Border Spinner
uiable-spinner-border-success
Spinner Border Success variant for spinner.
Warning Border Spinner
uiable-spinner-border-warning
Spinner Border Warning variant for spinner.
Button Spinner
uiable-spinner-button
Spinner Button variant for spinner.
Custom Spinner
uiable-spinner-custom
Spinner Custom variant for spinner.
Empty Spinner
uiable-spinner-empty
Spinner Empty variant for spinner.
Danger Growing Spinner
uiable-spinner-growing-danger
Spinner Growing Danger variant for spinner.
Dark Growing Spinner
uiable-spinner-growing-dark
Spinner Growing Dark variant for spinner.
Info Growing Spinner
uiable-spinner-growing-info
Spinner Growing Info variant for spinner.
Primary Growing Spinner
uiable-spinner-growing-primary
Spinner Growing Primary variant for spinner.
Secondary Growing Spinner
uiable-spinner-growing-secondary
Spinner Growing Secondary variant for spinner.
Success Growing Spinner
uiable-spinner-growing-success
Spinner Growing Success variant for spinner.
Warning Growing Spinner
uiable-spinner-growing-warning
Spinner Growing Warning variant for spinner.
Input Group Spinner
uiable-spinner-input-group
Spinner Input Group variant for spinner.
Size Spinner
uiable-spinner-size
Spinner Size variant for spinner.
Custom Size Spinner
uiable-spinner-size-custom
Spinner Size Custom variant for spinner.
Small Size Spinner
uiable-spinner-size-small
Spinner Size Small variant for spinner.
Choice Card Switch
uiable-switch-choice-card
Switch Choice Card variant for switch.
Description Switch
uiable-switch-description
Switch Description variant for switch.
Disabled Switch
uiable-switch-disabled
Switch Disabled variant for switch.
Invalid Switch
uiable-switch-invalid
Switch Invalid variant for switch.
Sizes Switch
uiable-switch-sizes
Switch Sizes variant for switch.
Actions Table
uiable-table-actions
Table Actions variant for table.
Footer Table
uiable-table-footer
Table Footer variant for table.
Basic Tabs
uiable-tabs-basic
Tabs Basic variant for tabs.
Disabled Tabs
uiable-tabs-disabled
Tabs Disabled variant for tabs.
Icons Tabs
uiable-tabs-icons
Tabs Icons variant for tabs.
Line Tabs
uiable-tabs-line
Tabs Line variant for tabs.
Pills Tabs
uiable-tabs-pills
Tabs Pills variant for tabs.
Vertical Tabs
uiable-tabs-vertical
Tabs Vertical variant for tabs.
Vertical Pills Tabs
uiable-tabs-vertical-pills
Tabs Vertical Pills variant for tabs.
Button Textarea
uiable-textarea-button
Textarea Button variant for textarea.
Disabled Textarea
uiable-textarea-disabled
Textarea Disabled variant for textarea.
Field Textarea
uiable-textarea-field
Textarea Field variant for textarea.
Invalid Textarea
uiable-textarea-invalid
Textarea Invalid variant for textarea.
Disabled Toggle
uiable-toggle-disabled
Toggle Disabled variant for toggle.
Disabled Toggle Group
uiable-toggle-group-disabled
Toggle Group Disabled variant for toggle-group.
Font Weight Selector Toggle Group
uiable-toggle-group-font-weight-selector
Toggle Group Font Weight Selector variant for toggle-group.
Outline Toggle Group
uiable-toggle-group-outline
Toggle Group Outline variant for toggle-group.
Sizes Toggle Group
uiable-toggle-group-sizes
Toggle Group Sizes variant for toggle-group.
Spacing Toggle Group
uiable-toggle-group-spacing
Toggle Group Spacing variant for toggle-group.
Vertical Toggle Group
uiable-toggle-group-vertical
Toggle Group Vertical variant for toggle-group.
Outline Toggle
uiable-toggle-outline
Toggle Outline variant for toggle.
Sizes Toggle
uiable-toggle-sizes
Toggle Sizes variant for toggle.
Text Toggle
uiable-toggle-text
Toggle Text variant for toggle.
Disabled Tooltip
uiable-tooltip-disabled
Tooltip Disabled variant for tooltip.
Keyboard Tooltip
uiable-tooltip-keyboard
Tooltip Keyboard variant for tooltip.
Sides Tooltip
uiable-tooltip-sides
Tooltip Sides variant for tooltip.
Blockquote Typography
uiable-typography-blockquote
Typography Blockquote variant for typography.
H1 Typography
uiable-typography-h1
Typography H1 variant for typography.
H2 Typography
uiable-typography-h2
Typography H2 variant for typography.
H3 Typography
uiable-typography-h3
Typography H3 variant for typography.
H4 Typography
uiable-typography-h4
Typography H4 variant for typography.
H5 Typography
uiable-typography-h5
Typography H5 variant for typography.
H6 Typography
uiable-typography-h6
Typography H6 variant for typography.
Inline Code Typography
uiable-typography-inline-code
Typography Inline Code variant for typography.
Large Typography
uiable-typography-large
Typography Large variant for typography.
Lead Typography
uiable-typography-lead
Typography Lead variant for typography.
List Typography
uiable-typography-list
Typography List variant for typography.
Muted Typography
uiable-typography-muted
Typography Muted variant for typography.
P Typography
uiable-typography-p
Typography P variant for typography.
Small Typography
uiable-typography-small
Typography Small variant for typography.
Table Typography
uiable-typography-table
Typography Table variant for typography.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information
Basic Accordion
uiable-accordion-basic
Accordion Basic variant for accordion.
Borders Accordion
uiable-accordion-borders
Accordion Borders variant for accordion.
Card Accordion
uiable-accordion-card
Accordion Card variant for accordion.
Disabled Accordion
uiable-accordion-disabled
Accordion Disabled variant for accordion.
Flush Accordion
uiable-accordion-flush
Accordion Flush variant for accordion.
Multiple Accordion
uiable-accordion-multiple
Accordion Multiple variant for accordion.
Action Alert
uiable-alert-action
Alert Action variant for alert.
Basic Alert
uiable-alert-basic
Alert Basic variant for alert.
Colors Alert
uiable-alert-colors
Alert Colors variant for alert.
Destructive Alert
uiable-alert-destructive
Alert Destructive variant for alert.
Basic Alert Dialog
uiable-alert-dialog-basic
Alert Dialog Basic variant for alert-dialog.
Destructive Alert Dialog
uiable-alert-dialog-destructive
Alert Dialog Destructive variant for alert-dialog.
Media Alert Dialog
uiable-alert-dialog-media
Alert Dialog Media variant for alert-dialog.
Small Alert Dialog
uiable-alert-dialog-small
Alert Dialog Small variant for alert-dialog.
Small Media Alert Dialog
uiable-alert-dialog-small-media
Alert Dialog Small Media variant for alert-dialog.
Danger Dismissible Alert
uiable-alert-dismissible-danger
Alert Dismissible Danger variant for alert.
Dark Dismissible Alert
uiable-alert-dismissible-dark
Alert Dismissible Dark variant for alert.
Info Dismissible Alert
uiable-alert-dismissible-info
Alert Dismissible Info variant for alert.
Primary Dismissible Alert
uiable-alert-dismissible-primary
Alert Dismissible Primary variant for alert.
Secondary Dismissible Alert
uiable-alert-dismissible-secondary
Alert Dismissible Secondary variant for alert.
Success Dismissible Alert
uiable-alert-dismissible-success
Alert Dismissible Success variant for alert.
Warning Dismissible Alert
uiable-alert-dismissible-warning
Alert Dismissible Warning variant for alert.
Danger Icon Alert
uiable-alert-icon-danger
Alert Icon Danger variant for alert.
Dark Icon Alert
uiable-alert-icon-dark
Alert Icon Dark variant for alert.
Info Icon Alert
uiable-alert-icon-info
Alert Icon Info variant for alert.
Primary Icon Alert
uiable-alert-icon-primary
Alert Icon Primary variant for alert.
Secondary Icon Alert
uiable-alert-icon-secondary
Alert Icon Secondary variant for alert.
Success Icon Alert
uiable-alert-icon-success
Alert Icon Success variant for alert.
Warning Icon Alert
uiable-alert-icon-warning
Alert Icon Warning variant for alert.
Danger Light Alert
uiable-alert-light-danger
Alert Light Danger variant for alert.
Light Dark Alert
uiable-alert-light-dark
Alert Light Dark variant for alert.
Light Info Alert
uiable-alert-light-info
Alert Light Info variant for alert.
Light Primary Alert
uiable-alert-light-primary
Alert Light Primary variant for alert.
Light Secondary Alert
uiable-alert-light-secondary
Alert Light Secondary variant for alert.
Light Success Alert
uiable-alert-light-success
Alert Light Success variant for alert.
Light Warning Alert
uiable-alert-light-warning
Alert Light Warning variant for alert.
Solid Danger Alert
uiable-alert-solid-danger
Alert Solid Danger variant for alert.
Solid Dark Alert
uiable-alert-solid-dark
Alert Solid Dark variant for alert.
Solid Info Alert
uiable-alert-solid-info
Alert Solid Info variant for alert.
Solid Primary Alert
uiable-alert-solid-primary
Alert Solid Primary variant for alert.
Solid Secondary Alert
uiable-alert-solid-secondary
Alert Solid Secondary variant for alert.
Solid Success Alert
uiable-alert-solid-success
Alert Solid Success variant for alert.
Solid Warning Alert
uiable-alert-solid-warning
Alert Solid Warning variant for alert.
Portrait Aspect Ratio
uiable-aspect-ratio-portrait
Aspect Ratio Portrait variant for aspect-ratio.
Square Aspect Ratio
uiable-aspect-ratio-square
Aspect Ratio Square variant for aspect-ratio.
Group
uiable-attachment-group
Attachment Group variant for attachment.
Sizes
uiable-attachment-sizes
Attachment Sizes variant for attachment.
States
uiable-attachment-states
Attachment States variant for attachment.
Trigger
uiable-attachment-triggers
Attachment Trigger variant for attachment.
Vertical Attachment
uiable-attachment-vertical
Attachment Vertical variant for attachment.
Badge Avatar
uiable-avatar-badge
Avatar Badge variant for avatar.
Badge Icon Avatar
uiable-avatar-badge-icon
Avatar Badge Icon variant for avatar.
Basic Avatar
uiable-avatar-basic
Avatar Basic variant for avatar.
Dropdown Avatar
uiable-avatar-dropdown
Avatar Dropdown variant for avatar.
Group Avatar
uiable-avatar-group
Avatar Group variant for avatar.
Group Count Avatar
uiable-avatar-group-count
Avatar Group Count variant for avatar.
Group Count Icon Avatar
uiable-avatar-group-count-icon
Avatar Group Count Icon variant for avatar.
Size Avatar
uiable-avatar-size
Avatar Size variant for avatar.
Colors Badge
uiable-badge-colors
Badge Colors variant for badge.
Icon Badge
uiable-badge-icon
Badge Icon variant for badge.
Light Danger Badge
uiable-badge-light-danger
Badge Light Danger variant for badge.
Light Dark Badge
uiable-badge-light-dark
Badge Light Dark variant for badge.
Light Info Badge
uiable-badge-light-info
Badge Light Info variant for badge.
Light Primary Badge
uiable-badge-light-primary
Badge Light Primary variant for badge.
Light Secondary Badge
uiable-badge-light-secondary
Badge Light Secondary variant for badge.
Light Success Badge
uiable-badge-light-success
Badge Light Success variant for badge.
Light Warning Badge
uiable-badge-light-warning
Badge Light Warning variant for badge.
Link Badge
uiable-badge-link
Badge Link variant for badge.
Danger Outline Badge
uiable-badge-outline-danger
Badge Outline Danger variant for badge.
Dark Outline Badge
uiable-badge-outline-dark
Badge Outline Dark variant for badge.
Info Outline Badge
uiable-badge-outline-info
Badge Outline Info variant for badge.
Primary Outline Badge
uiable-badge-outline-primary
Badge Outline Primary variant for badge.
Secondary Outline Badge
uiable-badge-outline-secondary
Badge Outline Secondary variant for badge.
Success Outline Badge
uiable-badge-outline-success
Badge Outline Success variant for badge.
Warning Outline Badge
uiable-badge-outline-warning
Badge Outline Warning variant for badge.
Danger Pill Badge
uiable-badge-pill-danger
Badge Pill Danger variant for badge.
Dark Pill Badge
uiable-badge-pill-dark
Badge Pill Dark variant for badge.
Info Pill Badge
uiable-badge-pill-info
Badge Pill Info variant for badge.
Primary Pill Badge
uiable-badge-pill-primary
Badge Pill Primary variant for badge.
Secondary Pill Badge
uiable-badge-pill-secondary
Badge Pill Secondary variant for badge.
Success Pill Badge
uiable-badge-pill-success
Badge Pill Success variant for badge.
Warning Pill Badge
uiable-badge-pill-warning
Badge Pill Warning variant for badge.
Danger Solid Badge
uiable-badge-solid-danger
Badge Solid Danger variant for badge.
Dark Solid Badge
uiable-badge-solid-dark
Badge Solid Dark variant for badge.
Info Solid Badge
uiable-badge-solid-info
Badge Solid Info variant for badge.
Primary Solid Badge
uiable-badge-solid-primary
Badge Solid Primary variant for badge.
Secondary Solid Badge
uiable-badge-solid-secondary
Badge Solid Secondary variant for badge.
Success Solid Badge
uiable-badge-solid-success
Badge Solid Success variant for badge.
Warning Solid Badge
uiable-badge-solid-warning
Badge Solid Warning variant for badge.
Spinner Badge
uiable-badge-spinner
Badge Spinner variant for badge.
Basic Breadcrumb
uiable-breadcrumb-basic
Breadcrumb Basic variant for breadcrumb.
Collapsed Breadcrumb
uiable-breadcrumb-collapsed
Breadcrumb Collapsed variant for breadcrumb.
Dropdown Breadcrumb
uiable-breadcrumb-dropdown
Breadcrumb Dropdown variant for breadcrumb.
Ellipsis Breadcrumb
uiable-breadcrumb-ellipsis
Breadcrumb Ellipsis variant for breadcrumb.
Icon Breadcrumb
uiable-breadcrumb-icon
Breadcrumb Icon variant for breadcrumb.
Link Breadcrumb
uiable-breadcrumb-link
Breadcrumb Link variant for breadcrumb.
Page Header Breadcrumb
uiable-breadcrumb-page-header
Breadcrumb Page Header variant for breadcrumb.
Separator Breadcrumb
uiable-breadcrumb-separator
Breadcrumb Separator variant for breadcrumb.
Bubble Alignment
uiable-bubble-alignment
Bubble Alignment variant for bubble.
Show More / Collapsible
uiable-bubble-collapsible
Bubble Collapsible variant for bubble.
Bubble Group
uiable-bubble-group
Bubble Group variant for bubble.
Links and Buttons
uiable-bubble-link
Bubble Links & Buttons variant for bubble.
Popover
uiable-bubble-popover
Bubble Popover variant for bubble.
Bubble Reactions
uiable-bubble-reactions
Bubble Reactions variant for bubble.
Tooltip
uiable-bubble-tooltip
Bubble Tooltip variant for bubble.
Bubble Variants
uiable-bubble-variants
Bubble Visual Variants for bubble.
Animated Button
uiable-button-animated
Animated Button variant for button
Animated Button On Hover
uiable-button-animated-border
Animated Button variant for button
Gradient Animated Button
uiable-button-animated-gradient
Gradient Animated Button variant for button
Default Button
uiable-button-default
Button Default variant for button.
Destructive Button
uiable-button-destructive
Button Destructive variant for button.
Ghost Button
uiable-button-ghost
Button Ghost variant for button.
Dropdown Button Group
uiable-button-group-dropdown
Button Group Dropdown variant for button-group.
Icon Button Group
uiable-button-group-icon
Button Group Icon variant for button-group.
Input Button Group
uiable-button-group-input
Button Group Input variant for button-group.
Input Button Group
uiable-button-group-input-group
Button Group Input Group variant for button-group.
Nested Button Group
uiable-button-group-nested
Button Group Nested variant for button-group.
Orientation Button Group
uiable-button-group-orientation
Button Group Orientation variant for button-group.
Popover Button Group
uiable-button-group-popover
Button Group Popover variant for button-group.
Quantity Selector
uiable-button-group-qty-select
Button Group Quantity Selector variant for button-group.
Select Button Group
uiable-button-group-select
Button Group Select variant for button-group.
Separator Button Group
uiable-button-group-separator
Button Group Separator variant for button-group.
Size Button Group
uiable-button-group-size
Button Group Size variant for button-group.
Social Button Group
uiable-button-group-social
Button Group Social variant for button-group.
Split Button Group
uiable-button-group-split
Button Group Split variant for button-group.
Text Styling Toolbar
uiable-button-group-toolbar
Button Group Toolbar variant for button-group.
Icon Button
uiable-button-icon
Button Icon variant for button.
Danger Icon Button
uiable-button-icon-danger
Button Icon Danger variant for button.
Dark Icon Button
uiable-button-icon-dark
Button Icon Dark variant for button.
Info Icon Button
uiable-button-icon-info
Button Icon Info variant for button.
Primary Icon Button
uiable-button-icon-primary
Button Icon Primary variant for button.
Secondary Icon Button
uiable-button-icon-secondary
Button Icon Secondary variant for button.
Success Icon Button
uiable-button-icon-success
Button Icon Success variant for button.
Warning Icon Button
uiable-button-icon-warning
Button Icon Warning variant for button.
Light Danger Button
uiable-button-light-danger
Button Light Danger variant for button.
Light Dark Button
uiable-button-light-dark
Button Light Dark variant for button.
Light Info Button
uiable-button-light-info
Button Light Info variant for button.
Light Primary Button
uiable-button-light-primary
Button Light Primary variant for button.
Light Secondary Button
uiable-button-light-secondary
Button Light Secondary variant for button.
Light Success Button
uiable-button-light-success
Button Light Success variant for button.
Light Warning Button
uiable-button-light-warning
Button Light Warning variant for button.
Link Button
uiable-button-link
Button Link variant for button.
Outline Button
uiable-button-outline
Button Outline variant for button.
Outline Danger Button
uiable-button-outline-danger
Button Outline Danger variant for button.
Outline Dark Button
uiable-button-outline-dark
Button Outline Dark variant for button.
Outline Info Button
uiable-button-outline-info
Button Outline Info variant for button.
Outline Primary Button
uiable-button-outline-primary
Button Outline Primary variant for button.
Outline Secondary Button
uiable-button-outline-secondary
Button Outline Secondary variant for button.
Outline Success Button
uiable-button-outline-success
Button Outline Success variant for button.
Outline Warning Button
uiable-button-outline-warning
Button Outline Warning variant for button.
Render Button
uiable-button-render
Button Render variant for button.
Radios Button
uiable-button-rounded
Button Radios variant for button.
Secondary Button
uiable-button-secondary
Button Secondary variant for button.
Size Button
uiable-button-size
Button Size variant for button.
Social Button
uiable-button-social
Social button variant for button
Solid Danger Button
uiable-button-solid-danger
Button Solid Danger variant for button.
Solid Dark Button
uiable-button-solid-dark
Button Solid Dark variant for button.
Solid Info Button
uiable-button-solid-info
Button Solid Info variant for button.
Solid Primary Button
uiable-button-solid-primary
Button Solid Primary variant for button.
Solid Secondary Button
uiable-button-solid-secondary
Button Solid Secondary variant for button.
Solid Success Button
uiable-button-solid-success
Button Solid Success variant for button.
Solid Warning Button
uiable-button-solid-warning
Button Solid Warning variant for button.
Spinner Button
uiable-button-spinner
Button Spinner variant for button.
Toggle Button
uiable-button-toggle
Toggle button variant for button
Button With Badge
uiable-button-with-badge
Button with badge variant for button
With Icon Button
uiable-button-with-icon
Button With Icon variant for button.
Basic Calendar
uiable-calendar-basic
Calendar Basic variant for calendar.
Booked Dates Calendar
uiable-calendar-booked-dates
Calendar Booked Dates variant for calendar.
Caption Calendar
uiable-calendar-caption
Calendar Caption variant for calendar.
Custom Days Calendar
uiable-calendar-custom-days
Calendar Custom Days variant for calendar.
Hijri Calendar
uiable-calendar-hijri
Calendar Hijri variant for calendar.
Multiple Calendar
uiable-calendar-multiple
Calendar Multiple variant for calendar.
Presets Calendar
uiable-calendar-presets
Calendar Presets variant for calendar.
Range Calendar
uiable-calendar-range
Calendar Range variant for calendar.
Time Calendar
uiable-calendar-time
Calendar Time variant for calendar.
Week Numbers Calendar
uiable-calendar-week-numbers
Calendar Week Numbers variant for calendar.
Align Center Card
uiable-card-align-center
Card Align Center variant for card.
Align Right Card
uiable-card-align-right
Card Align Right variant for card.
Basic Card
uiable-card-basic
Card Basic variant for card.
Header Footer Card
uiable-card-header-footer
Card Header Footer variant for card.
Horizontal Card
uiable-card-horizontal
Card Horizontal variant for card.
Image Card
uiable-card-image
Card Image variant for card.
Image Bottom Card
uiable-card-image-bottom
Card Image Bottom variant for card.
Image Overlay Card
uiable-card-image-overlay
Card Image Overlay variant for card.
Image Top Card
uiable-card-image-top
Card Image Top variant for card.
Small Card
uiable-card-small
Card Small variant for card.
Danger Solid Card
uiable-card-solid-danger
Card Solid Danger variant for card.
Dark Solid Card
uiable-card-solid-dark
Card Solid Dark variant for card.
Info Solid Card
uiable-card-solid-info
Card Solid Info variant for card.
Primary Solid Card
uiable-card-solid-primary
Card Solid Primary variant for card.
Secondary Solid Card
uiable-card-solid-secondary
Card Solid Secondary variant for card.
Success Solid Card
uiable-card-solid-success
Card Solid Success variant for card.
Warning Solid Card
uiable-card-solid-warning
Card Solid Warning variant for card.
Title Subtitle Card
uiable-card-title-subtitle
Card Title Subtitle variant for card.
Api Carousel
uiable-carousel-api
Carousel Api variant for carousel.
Multiple Carousel
uiable-carousel-multiple
Carousel Multiple variant for carousel.
Orientation Carousel
uiable-carousel-orientation
Carousel Orientation variant for carousel.
Plugin Carousel
uiable-carousel-plugin
Carousel Plugin variant for carousel.
Size Carousel
uiable-carousel-size
Carousel Size variant for carousel.
Spacing Carousel
uiable-carousel-spacing
Carousel Spacing variant for carousel.
Chart Example
uiable-chart-example
Chart Example variant for chart.
Axis Chart Example
uiable-chart-example-axis
Chart Example Axis variant for chart.
Grid Chart Example
uiable-chart-example-grid
Chart Example Grid variant for chart.
Legend Chart Example
uiable-chart-example-legend
Chart Example Legend variant for chart.
Tooltip Chart Example
uiable-chart-example-tooltip
Chart Example Tooltip variant for chart.
Tooltip Chart
uiable-chart-tooltip
Chart Tooltip variant for chart.
Basic Checkbox
uiable-checkbox-basic
Checkbox Basic variant for checkbox.
Colors Checkboxes
uiable-checkbox-colors
Colors Checkbox variant for checkbox.
Description Checkbox
uiable-checkbox-description
Checkbox Description variant for checkbox.
Disabled Checkbox
uiable-checkbox-disabled
Checkbox Disabled variant for checkbox.
Group Checkbox
uiable-checkbox-group
Checkbox Group variant for checkbox.
Indeterminate Checkbox
uiable-checkbox-indeterminate
Indeterminate Checkbox variant for checkbox.
Invalid Checkbox
uiable-checkbox-invalid
Checkbox Invalid variant for checkbox.
Checkbox List
uiable-checkbox-list
Checkbox List variant for checkbox.
Checkbox Sizes
uiable-checkbox-sizes
Checkbox Size variant for checkbox.
Table Checkbox
uiable-checkbox-table
Checkbox Table variant for checkbox.
Todo List
uiable-checkbox-todo-list
Todo List Checkbox variant for checkbox.
Basic Collapsible
uiable-collapsible-basic
Collapsible Basic variant for collapsible.
File Tree Collapsible
uiable-collapsible-file-tree
Collapsible File Tree variant for collapsible.
Settings Collapsible
uiable-collapsible-settings
Collapsible Settings variant for collapsible.
Auto Highlight Combobox
uiable-combobox-auto-highlight
Combobox Auto Highlight variant for combobox.
Autocomplete Combobox
uiable-combobox-autocomplete
Combobox Autocomplete variant for combobox.
Basic Combobox
uiable-combobox-basic
Combobox Basic variant for combobox.
Clear Combobox
uiable-combobox-clear
Combobox Clear variant for combobox.
Custom Combobox
uiable-combobox-custom
Combobox Custom variant for combobox.
Disabled Combobox
uiable-combobox-disabled
Combobox Disabled variant for combobox.
Error Combobox
uiable-combobox-error
Combobox Error variant for combobox.
Groups Combobox
uiable-combobox-groups
Combobox Groups variant for combobox.
Input Group Combobox
uiable-combobox-input-group
Combobox Input Group variant for combobox.
Invalid Combobox
uiable-combobox-invalid
Combobox Invalid variant for combobox.
Multiple Combobox
uiable-combobox-multiple
Combobox Multiple variant for combobox.
Popup Combobox
uiable-combobox-popup
Combobox Popup variant for combobox.
Users Combobox
uiable-combobox-user
Combobox User variant for combobox.
Combobox With Checkbox
uiable-combobox-with-checkbox
Combobox With Checkbox variant for combobox.
Basic Command
uiable-command-basic
Command Basic variant for command.
Developer Actions
uiable-command-developer-actions
Command Developer Actions variant for command.
Dialog Command
uiable-command-dialog
Command Dialog variant for command.
Groups Command
uiable-command-groups
Command Groups variant for command.
Invite Members
uiable-command-invite-members
Collaborative command palette for inviting teammates and managing workspace actions.
Scrollable Command
uiable-command-scrollable
Command Scrollable variant for command.
Search & Filter
uiable-command-search-filter
Search-focused command palette with smart filters and curated content suggestions.
Shortcuts Command
uiable-command-shortcuts
Command Shortcuts variant for command.
With Description
uiable-command-with-description
Command With Description variant for command.
Basic Context Menu
uiable-context-menu-basic
Context Menu Basic variant for context-menu.
Checkboxes Context Menu
uiable-context-menu-checkboxes
Context Menu Checkboxes variant for context-menu.
Destructive Context Menu
uiable-context-menu-destructive
Context Menu Destructive variant for context-menu.
Groups Context Menu
uiable-context-menu-groups
Context Menu Groups variant for context-menu.
Icons Context Menu
uiable-context-menu-icons
Context Menu Icons variant for context-menu.
Radio Context Menu
uiable-context-menu-radio
Context Menu Radio variant for context-menu.
Shortcuts Context Menu
uiable-context-menu-shortcuts
Context Menu Shortcuts variant for context-menu.
Sides Context Menu
uiable-context-menu-sides
Context Menu Sides variant for context-menu.
Submenu Context Menu
uiable-context-menu-submenu
Context Menu Submenu variant for context-menu.
Basic Data Table
uiable-data-table-basic
Data Table Basic variant for data-table.
Basic Date Picker
uiable-date-picker-basic
Date Picker Basic variant for date-picker.
Disabled Date Picker
uiable-date-picker-disabled
Date Picker Disabled variant for date-picker.
Dob Date Picker
uiable-date-picker-dob
Date Picker Dob variant for date-picker.
Input Date Picker
uiable-date-picker-input
Date Picker Input variant for date-picker.
Natural Language Date Picker
uiable-date-picker-natural-language
Date Picker Natural Language variant for date-picker.
Neutral Date & Time Picker
uiable-date-picker-neutral
Neutral Date & Time Picker variant for date-picker.
Range Date Picker
uiable-date-picker-range
Date Picker Range variant for date-picker.
Time Date Picker
uiable-date-picker-time
Date Picker Time variant for date-picker.
Basic Dialog
uiable-dialog-basic
Dialog Basic variant for dialog.
Centered Dialog
uiable-dialog-centered
Dialog Centered variant for dialog.
Close Button Dialog
uiable-dialog-close-button
Dialog Close Button variant for dialog.
Full Screen Dialog
uiable-dialog-full-screen
Dialog Full Screen variant for dialog.
Large Dialog
uiable-dialog-large
Dialog Large variant for dialog.
No Close Button Dialog
uiable-dialog-no-close-button
Dialog No Close Button variant for dialog.
Scrollable Content Dialog
uiable-dialog-scrollable-content
Dialog Scrollable Content variant for dialog.
Small Dialog
uiable-dialog-small
Dialog Small variant for dialog.
Sticky Footer Dialog
uiable-dialog-sticky-footer
Dialog Sticky Footer variant for dialog.
Dialog Drawer
uiable-drawer-dialog
Drawer Dialog variant for drawer.
Scrollable Content Drawer
uiable-drawer-scrollable-content
Drawer Scrollable Content variant for drawer.
Sides Drawer
uiable-drawer-sides
Drawer Sides variant for drawer.
Avatar Dropdown Menu
uiable-dropdown-menu-avatar
Dropdown Menu Avatar variant for dropdown-menu.
Basic Dropdown Menu
uiable-dropdown-menu-basic
Dropdown Menu Basic variant for dropdown-menu.
Danger Dropdown Menu
uiable-dropdown-menu-basic-danger
Dropdown Menu Basic Danger variant for dropdown-menu.
Info Dropdown Menu
uiable-dropdown-menu-basic-info
Dropdown Menu Basic Info variant for dropdown-menu.
Primary Dropdown Menu
uiable-dropdown-menu-basic-primary
Dropdown Menu Basic Primary variant for dropdown-menu.
Secondary Dropdown Menu
uiable-dropdown-menu-basic-secondary
Dropdown Menu Basic Secondary variant for dropdown-menu.
Success Dropdown Menu
uiable-dropdown-menu-basic-success
Dropdown Menu Basic Success variant for dropdown-menu.
Warning Dropdown Menu
uiable-dropdown-menu-basic-warning
Dropdown Menu Basic Warning variant for dropdown-menu.
Checkbox Dropdown Menu
uiable-dropdown-menu-checkboxes
Dropdown Menu Checkboxes variant for dropdown-menu.
Checkbox Icons Dropdown Menu
uiable-dropdown-menu-checkboxes-icons
Dropdown Menu Checkboxes Icons variant for dropdown-menu.
Complex Dropdown Menu
uiable-dropdown-menu-complex
Dropdown Menu Complex variant for dropdown-menu.
Destructive Dropdown Menu
uiable-dropdown-menu-destructive
Dropdown Menu Destructive variant for dropdown-menu.
Form Dropdown Menu
uiable-dropdown-menu-forms
Dropdown Menu Forms variant for dropdown-menu.
Icon Dropdown Menu
uiable-dropdown-menu-icons
Dropdown Menu Icons variant for dropdown-menu.
Primary Outline Dropdown Menu
uiable-dropdown-menu-outline-primary
Dropdown Menu Outline Primary variant for dropdown-menu.
Radio Group Dropdown Menu
uiable-dropdown-menu-radio-group
Dropdown Menu Radio Group variant for dropdown-menu.
Radio Icons Dropdown Menu
uiable-dropdown-menu-radio-icons
Dropdown Menu Radio Icons variant for dropdown-menu.
Shortcuts Dropdown Menu
uiable-dropdown-menu-shortcuts
Dropdown Menu Shortcuts variant for dropdown-menu.
Split Primary Dropdown Menu
uiable-dropdown-menu-split-primary
Dropdown Menu Split Primary variant for dropdown-menu.
Submenu Dropdown Menu
uiable-dropdown-menu-submenu
Dropdown Menu Submenu variant for dropdown-menu.
Text Dropdown Menu
uiable-dropdown-menu-text
Dropdown Menu Text variant for dropdown-menu.
Empty Avatar
uiable-empty-avatar
Empty Avatar variant for empty.
Empty Group Avatar
uiable-empty-avatar-group
Empty Avatar Group variant for empty.
Empty Background
uiable-empty-background
Empty Background variant for empty.
Empty Card
uiable-empty-card
Empty Card variant for empty.
Empty Input Group
uiable-empty-input-group
Empty Input Group variant for empty.
Empty Outline
uiable-empty-outline
Empty Outline variant for empty.
Checkbox Field
uiable-field-checkbox
Field Checkbox variant for field.
Card Choice Field
uiable-field-choice-card
Field Choice Card variant for field.
Fieldset Field
uiable-field-fieldset
Field Fieldset variant for field.
Group Field
uiable-field-group
Field Group variant for field.
Input Field
uiable-field-input
Field Input variant for field.
Radio Field
uiable-field-radio
Field Radio variant for field.
Responsive Field
uiable-field-responsive
Field Responsive variant for field.
Select Field
uiable-field-select
Field Select variant for field.
Slider Field
uiable-field-slider
Field Slider variant for field.
Switch Field
uiable-field-switch
Field Switch variant for field.
Textarea Field
uiable-field-textarea
Field Textarea variant for field.
Sides Hover Card
uiable-hover-card-sides
Hover Card Sides variant for hover-card.
Badge Input
uiable-input-badge
Input Badge variant for input.
Basic Input
uiable-input-basic
Input Basic variant for input.
Button Group Input
uiable-input-button-group
Input Button Group variant for input.
Disabled Input
uiable-input-disabled
Input Disabled variant for input.
Field Input
uiable-input-field
Input Field variant for input.
Fieldgroup Input
uiable-input-fieldgroup
Input Fieldgroup variant for input.
File Input
uiable-input-file
Input File variant for input.
Form Input
uiable-input-form
Input Form variant for input.
Grid Input
uiable-input-grid
Input Grid variant for input.
Basic Input Group
uiable-input-group-basic
Input Group Basic variant for input-group.
Block End Input Group
uiable-input-group-block-end
Input Group Block End variant for input-group.
Block Start Input Group
uiable-input-group-block-start
Input Group Block Start variant for input-group.
Button Input Group
uiable-input-group-button
Input Group Button variant for input-group.
Chat Message Input Group
uiable-input-group-chat-message
Input Group Chat Message variant for input-group.
Custom Input Group
uiable-input-group-custom
Input Group Custom variant for input-group.
Dropdown Input Group
uiable-input-group-dropdown
Input Group Dropdown variant for input-group.
Icon Input Group
uiable-input-group-icon
Input Group Icon variant for input-group.
In Card Input Group
uiable-input-group-in-card
Input Group In Card variant for input-group.
Inline End Input Group
uiable-input-group-inline-end
Input Group Inline End variant for input-group.
Inline Start Input Group
uiable-input-group-inline-start
Input Group Inline Start variant for input-group.
Kbd Input Group
uiable-input-group-kbd
Input Group Kbd variant for input-group.
Label Input Group
uiable-input-group-label
Input Group Label variant for input-group.
Spinner Input Group
uiable-input-group-spinner
Input Group Spinner variant for input-group.
Text Input Group
uiable-input-group-text
Input Group Text variant for input-group.
Textarea Input Group
uiable-input-group-textarea
Input Group Textarea variant for input-group.
Textarea Examples Input Group
uiable-input-group-textarea-examples
Input Group Textarea Examples variant for input-group.
Tooltip Input Group
uiable-input-group-tooltip
Input Group Tooltip variant for input-group.
With Addons Input Group
uiable-input-group-with-addons
Input Group With Addons variant for input-group.
With Buttons Input Group
uiable-input-group-with-buttons
Input Group With Buttons variant for input-group.
With Kbd Input Group
uiable-input-group-with-kbd
Input Group With Kbd variant for input-group.
With Tooltip Input Group
uiable-input-group-with-tooltip
Input Group With Tooltip variant for input-group.
Inline Input
uiable-input-inline
Input Inline variant for input.
Input Group Input
uiable-input-input-group
Input Input Group variant for input.
Invalid Input
uiable-input-invalid
Input Invalid variant for input.
Alphanumeric Input Otp
uiable-input-otp-alphanumeric
Input Otp Alphanumeric variant for input-otp.
Animated Input Otp
uiable-input-otp-animated
Input Otp Animated variant with bounce animation on each slot when a digit is entered.
Controlled Input Otp
uiable-input-otp-controlled
Input Otp Controlled variant for input-otp.
Disabled Input Otp
uiable-input-otp-disabled
Input Otp Disabled variant for input-otp.
Filled Input Otp
uiable-input-otp-filled
Input Otp Filled variant for input-otp
Form Input Otp
uiable-input-otp-form
Input Otp Form variant for input-otp.
Four Digits Input Otp
uiable-input-otp-four-digits
Input Otp Four Digits variant for input-otp.
Invalid Input Otp
uiable-input-otp-invalid
Input Otp Invalid variant for input-otp.
Outlined Input Otp
uiable-input-otp-outlined
Input Otp Outlined variant for input-otp
Pattern Input Otp
uiable-input-otp-pattern
Input Otp Pattern variant for input-otp.
Separator Input Otp
uiable-input-otp-separator
Input Otp Separator variant for input-otp.
Range Input
uiable-input-range
Input Range variant for input.
Required Input
uiable-input-required
Input Required variant for input.
Select Input
uiable-input-select
Input Select variant for input.
Validation Input
uiable-input-validation
Input Validation variant for input.
Avatar Item
uiable-item-avatar
Item Avatar variant for item.
Background Item
uiable-item-background
Item with background variant for item.
Checkbox Item
uiable-item-checkbox
Selectable item rows with checkbox for item.
Dropdown Item
uiable-item-dropdown
Item Dropdown variant for item.
Group Item
uiable-item-group
Item Group variant for item.
Header Item
uiable-item-header
Item Header variant for item.
Icon Item
uiable-item-icon
Item Icon variant for item.
Image Item
uiable-item-image
Item Image variant for item.
Link Item
uiable-item-link
Item Link variant for item.
Separator Item
uiable-item-separator
Items visually divided by separator lines for item.
Size Item
uiable-item-size
Item Size variant for item.
Switch Item
uiable-item-switch
Item with a toggle switch for item.
Variant Item
uiable-item-variant
Item Variant variant for item.
Button Kbd
uiable-kbd-button
Kbd Button variant for kbd.
Group Kbd
uiable-kbd-group
Kbd Group variant for kbd.
Input Group Kbd
uiable-kbd-input-group
Kbd Input Group variant for kbd.
Tooltip Kbd
uiable-kbd-tooltip
Kbd Tooltip variant for kbd.
Basic Label
uiable-label-basic
Label Basic variant for label.
Active List Group
uiable-list-group-active
List Group Active variant for list-group.
Basic List Group
uiable-list-group-basic
List Group Basic variant for list-group.
Buttons List Group
uiable-list-group-buttons
List Group Buttons variant for list-group.
Checkboxes List Group
uiable-list-group-checkboxes
List Group Checkboxes variant for list-group.
Custom Content List Group
uiable-list-group-custom-content
List Group Custom Content variant for list-group.
Disabled List Group
uiable-list-group-disabled
List Group Disabled variant for list-group.
Flush List Group
uiable-list-group-flush
List Group Flush variant for list-group.
Links List Group
uiable-list-group-links
List Group Links variant for list-group.
Numbered List Group
uiable-list-group-numbered
List Group Numbered variant for list-group.
Radios List Group
uiable-list-group-radios
List Group Radios variant for list-group.
Bordered Marker
uiable-marker-bordered
Marker Bordered variant for marker.
Links and Buttons
uiable-marker-links
Links and Buttons Marker variant for marker.
Separator Marker
uiable-marker-separator
Marker Separator variant for marker.
Shimmer Marker
uiable-marker-shimmer
Marker Shimmer variant for marker.
Status Marker
uiable-marker-status
Marker Status variant for marker.
Variants
uiable-marker-variants
Marker variant for marker.
Marker With Icon
uiable-marker-with-icon
Marker With Icon variant for marker.
Checkbox Menubar
uiable-menubar-checkbox
Menubar Checkbox variant for menubar.
Icons Menubar
uiable-menubar-icons
Menubar Icons variant for menubar.
Radio Menubar
uiable-menubar-radio
Menubar Radio variant for menubar.
Submenu Menubar
uiable-menubar-submenu
Menubar Submenu variant for menubar.
Actions
uiable-message-actions
Message Actions variant for message.
Attachment
uiable-message-attachment
Message Atachment variant for message.
Message Group
uiable-message-group
Message Group variant for message.
Header And Footer
uiable-message-header-footer
Message Header And Footer variant for message.
Anchoring Turns
uiable-message-scroller-anchoring-turns
Message Scroller Anchoring Turns variant for message-scroller.
Animating New Messages
uiable-message-scroller-animatinng
Message Scroller Animating variant for message-scroller.
Keeping Context Visible
uiable-message-scroller-context-visible
Message Scroller Keeping Context Visible variant for message-scroller.
Group Chat
uiable-message-scroller-group-chat
Message Scroller Group Chat variant for message-scroller.
Following the Live Edge
uiable-message-scroller-live-edge
Message Scroller Live Edge variant for message-scroller.
Loading Earlier Messages
uiable-message-scroller-load-history
Message Scroller Load History variant for message-scroller.
Opening Saved Threads
uiable-message-scroller-position
Message Scroller Opening Saved Threads variant for message-scroller.
Tracking the Reader's Position
uiable-message-scroller-reader-position
Message Scroller Reader Position variant for message-scroller.
Reading Scroll State
uiable-message-scroller-reading-state
Message Scroller Reading State variant for message-scroller.
Message With Avatar
uiable-message-with-avatar
Message With Avatar variant for message.
Muted Group Item
uiable-muted-item-group
Muted Item Group variant for item.
Disabled Native Select
uiable-native-select-disabled
Native Select Disabled variant for native-select.
Groups Native Select
uiable-native-select-groups
Native Select Groups variant for native-select.
Invalid Native Select
uiable-native-select-invalid
Native Select Invalid variant for native-select.
Basic Navigation Menu
uiable-navigation-menu-basic
Navigation Menu Basic variant for navigation-menu.
Outline Group Item
uiable-outline-item-group
Outline Item Group variant for item.
Alignment Pagination
uiable-pagination-alignment
Pagination Alignment variant for pagination.
Basic Pagination
uiable-pagination-basic
Pagination Basic variant for pagination.
Icon Pagination
uiable-pagination-icon
Pagination Icon variant for pagination.
Icons Only Pagination
uiable-pagination-icons-only
Pagination Icons Only variant for pagination.
Simple Pagination
uiable-pagination-simple
Pagination Simple variant for pagination.
Sizing Pagination
uiable-pagination-sizing
Pagination Sizing variant for pagination.
State Pagination
uiable-pagination-state
Pagination State variant for pagination.
Alignments Popover
uiable-popover-alignments
Popover Alignments variant for popover.
Basic Popover
uiable-popover-basic
Popover Basic variant for popover.
Form Popover
uiable-popover-form
Popover Form variant for popover.
Animated Primary Progress
uiable-progress-animated-primary
Progress Animated Primary variant for progress.
Controlled Progress
uiable-progress-controlled
Progress Controlled variant for progress.
Height Progress
uiable-progress-height
Progress Height variant for progress.
Label Progress
uiable-progress-label
Progress Label variant for progress.
Multiple Progress
uiable-progress-multiple
Progress Multiple variant for progress.
Solid Danger Progress
uiable-progress-solid-danger
Progress Solid Danger variant for progress.
Solid Dark Progress
uiable-progress-solid-dark
Progress Solid Dark variant for progress.
Solid Info Progress
uiable-progress-solid-info
Progress Solid Info variant for progress.
Solid Primary Progress
uiable-progress-solid-primary
Progress Solid Primary variant for progress.
Solid Secondary Progress
uiable-progress-solid-secondary
Progress Solid Secondary variant for progress.
Solid Success Progress
uiable-progress-solid-success
Progress Solid Success variant for progress.
Solid Warning Progress
uiable-progress-solid-warning
Progress Solid Warning variant for progress.
Striped Primary Progress
uiable-progress-striped-primary
Progress Striped Primary variant for progress.
Fields Radio
uiable-radio-fields
Radio Fields variant for radio.
Box Radio Group
uiable-radio-group-box
Radio Group Box variant for radio-group.
Choice Card Radio Group
uiable-radio-group-choice-card
Radio Group Choice Card variant for radio-group.
Colors Radio Group
uiable-radio-group-colors
Color Radio Group variant for radio-group.
Description Radio Group
uiable-radio-group-description
Radio Group Description variant for radio-group.
Disabled Radio Group
uiable-radio-group-disabled
Radio Group Disabled variant for radio-group.
Fieldset Radio Group
uiable-radio-group-fieldset
Radio Group Fieldset variant for radio-group.
Invalid Radio Group
uiable-radio-group-invalid
Radio Group Invalid variant for radio-group.
List Radio Group
uiable-radio-group-list
Radio Group List variant for radio-group.
Sizes Radio Group
uiable-radio-group-sizes
Size Radio Group variant for radio-group.
Handle Resizable
uiable-resizable-handle
Resizable Handle variant for resizable.
Vertical Resizable
uiable-resizable-vertical
Resizable Vertical variant for resizable.
Basic Scroll Area
uiable-scroll-area-basic
Scroll Area Basic variant for scroll-area.
Align Item Select
uiable-select-align-item
Select Align Item variant for select.
Disabled Select
uiable-select-disabled
Select Disabled variant for select.
Groups Select
uiable-select-groups
Select Groups variant for select.
Invalid Select
uiable-select-invalid
Select Invalid variant for select.
Scrollable Select
uiable-select-scrollable
Select Scrollable variant for select.
List Separator
uiable-separator-list
Separator List variant for separator.
Menu Separator
uiable-separator-menu
Separator Menu variant for separator.
Vertical Separator
uiable-separator-vertical
Separator Vertical variant for separator.
No Close Button Sheet
uiable-sheet-no-close-button
Sheet No Close Button variant for sheet.
Side Sheet
uiable-sheet-side
Sheet Side variant for sheet.
Sidebar 1
uiable-sidebar-1
Sidebar variant 1.
Sidebar 2
uiable-sidebar-2
Sidebar variant 2.
Sidebar 3
uiable-sidebar-3
Sidebar variant 3.
Avatar Skeleton
uiable-skeleton-avatar
Skeleton Avatar variant for skeleton.
Card Skeleton
uiable-skeleton-card
Skeleton Card variant for skeleton.
Form Skeleton
uiable-skeleton-form
Skeleton Form variant for skeleton.
Table Skeleton
uiable-skeleton-table
Skeleton Table variant for skeleton.
Text Skeleton
uiable-skeleton-text
Skeleton Text variant for skeleton.
Controlled Slider
uiable-slider-controlled
Slider Controlled variant for slider.
Disabled Slider
uiable-slider-disabled
Slider Disabled variant for slider.
Multiple Slider
uiable-slider-multiple
Slider Multiple variant for slider.
Range Slider
uiable-slider-range
Slider Range variant for slider.
Vertical Slider
uiable-slider-vertical
Slider Vertical variant for slider.
Description Sonner
uiable-sonner-description
Sonner Description variant for sonner.
Position Sonner
uiable-sonner-position
Sonner Position variant for sonner.
Types Sonner
uiable-sonner-types
Sonner Types variant for sonner.
Badge Spinner
uiable-spinner-badge
Spinner Badge variant for spinner.
Danger Border Spinner
uiable-spinner-border-danger
Spinner Border Danger variant for spinner.
Dark Border Spinner
uiable-spinner-border-dark
Spinner Border Dark variant for spinner.
Info Border Spinner
uiable-spinner-border-info
Spinner Border Info variant for spinner.
Primary Border Spinner
uiable-spinner-border-primary
Spinner Border Primary variant for spinner.
Secondary Border Spinner
uiable-spinner-border-secondary
Spinner Border Secondary variant for spinner.
Success Border Spinner
uiable-spinner-border-success
Spinner Border Success variant for spinner.
Warning Border Spinner
uiable-spinner-border-warning
Spinner Border Warning variant for spinner.
Button Spinner
uiable-spinner-button
Spinner Button variant for spinner.
Custom Spinner
uiable-spinner-custom
Spinner Custom variant for spinner.
Empty Spinner
uiable-spinner-empty
Spinner Empty variant for spinner.
Danger Growing Spinner
uiable-spinner-growing-danger
Spinner Growing Danger variant for spinner.
Dark Growing Spinner
uiable-spinner-growing-dark
Spinner Growing Dark variant for spinner.
Info Growing Spinner
uiable-spinner-growing-info
Spinner Growing Info variant for spinner.
Primary Growing Spinner
uiable-spinner-growing-primary
Spinner Growing Primary variant for spinner.
Secondary Growing Spinner
uiable-spinner-growing-secondary
Spinner Growing Secondary variant for spinner.
Success Growing Spinner
uiable-spinner-growing-success
Spinner Growing Success variant for spinner.
Warning Growing Spinner
uiable-spinner-growing-warning
Spinner Growing Warning variant for spinner.
Input Group Spinner
uiable-spinner-input-group
Spinner Input Group variant for spinner.
Size Spinner
uiable-spinner-size
Spinner Size variant for spinner.
Custom Size Spinner
uiable-spinner-size-custom
Spinner Size Custom variant for spinner.
Small Size Spinner
uiable-spinner-size-small
Spinner Size Small variant for spinner.
Choice Card Switch
uiable-switch-choice-card
Switch Choice Card variant for switch.
Description Switch
uiable-switch-description
Switch Description variant for switch.
Disabled Switch
uiable-switch-disabled
Switch Disabled variant for switch.
Invalid Switch
uiable-switch-invalid
Switch Invalid variant for switch.
Sizes Switch
uiable-switch-sizes
Switch Sizes variant for switch.
Actions Table
uiable-table-actions
Table Actions variant for table.
Footer Table
uiable-table-footer
Table Footer variant for table.
Basic Tabs
uiable-tabs-basic
Tabs Basic variant for tabs.
Disabled Tabs
uiable-tabs-disabled
Tabs Disabled variant for tabs.
Icons Tabs
uiable-tabs-icons
Tabs Icons variant for tabs.
Line Tabs
uiable-tabs-line
Tabs Line variant for tabs.
Pills Tabs
uiable-tabs-pills
Tabs Pills variant for tabs.
Vertical Tabs
uiable-tabs-vertical
Tabs Vertical variant for tabs.
Vertical Pills Tabs
uiable-tabs-vertical-pills
Tabs Vertical Pills variant for tabs.
Button Textarea
uiable-textarea-button
Textarea Button variant for textarea.
Disabled Textarea
uiable-textarea-disabled
Textarea Disabled variant for textarea.
Field Textarea
uiable-textarea-field
Textarea Field variant for textarea.
Invalid Textarea
uiable-textarea-invalid
Textarea Invalid variant for textarea.
Disabled Toggle
uiable-toggle-disabled
Toggle Disabled variant for toggle.
Disabled Toggle Group
uiable-toggle-group-disabled
Toggle Group Disabled variant for toggle-group.
Font Weight Selector Toggle Group
uiable-toggle-group-font-weight-selector
Toggle Group Font Weight Selector variant for toggle-group.
Outline Toggle Group
uiable-toggle-group-outline
Toggle Group Outline variant for toggle-group.
Sizes Toggle Group
uiable-toggle-group-sizes
Toggle Group Sizes variant for toggle-group.
Spacing Toggle Group
uiable-toggle-group-spacing
Toggle Group Spacing variant for toggle-group.
Vertical Toggle Group
uiable-toggle-group-vertical
Toggle Group Vertical variant for toggle-group.
Outline Toggle
uiable-toggle-outline
Toggle Outline variant for toggle.
Sizes Toggle
uiable-toggle-sizes
Toggle Sizes variant for toggle.
Text Toggle
uiable-toggle-text
Toggle Text variant for toggle.
Disabled Tooltip
uiable-tooltip-disabled
Tooltip Disabled variant for tooltip.
Keyboard Tooltip
uiable-tooltip-keyboard
Tooltip Keyboard variant for tooltip.
Sides Tooltip
uiable-tooltip-sides
Tooltip Sides variant for tooltip.
Blockquote Typography
uiable-typography-blockquote
Typography Blockquote variant for typography.
H1 Typography
uiable-typography-h1
Typography H1 variant for typography.
H2 Typography
uiable-typography-h2
Typography H2 variant for typography.
H3 Typography
uiable-typography-h3
Typography H3 variant for typography.
H4 Typography
uiable-typography-h4
Typography H4 variant for typography.
H5 Typography
uiable-typography-h5
Typography H5 variant for typography.
H6 Typography
uiable-typography-h6
Typography H6 variant for typography.
Inline Code Typography
uiable-typography-inline-code
Typography Inline Code variant for typography.
Large Typography
uiable-typography-large
Typography Large variant for typography.
Lead Typography
uiable-typography-lead
Typography Lead variant for typography.
List Typography
uiable-typography-list
Typography List variant for typography.
Muted Typography
uiable-typography-muted
Typography Muted variant for typography.
P Typography
uiable-typography-p
Typography P variant for typography.
Small Typography
uiable-typography-small
Typography Small variant for typography.
Table Typography
uiable-typography-table
Typography Table variant for typography.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information