{{ t('buttons') }}

{{ t('primary_buttons') }}

Default {{ t('save') }} {{ t('confirm') }} {{ t('delete') }} {{ t('warning') }}

{{ t('outline_buttons') }}

Primary Blue Emerald Red Slate

{{ t('sizes') }}

Extra Small Small Default Large

{{ t('states') }}

Normal Disabled {{ t('loading') }}

{{ t('icon_buttons') }}

Alerts

{{ t('success') }}!

{{ t('saved_successfully') }}

{{ t('error') }}!

{{ t('error_message') }}

{{ t('warning') }}!

{{ t('are_you_sure') }}

{{ t('info') }}

{{ t('info_message') }}

Badges

Solid Badges

Primary Blue Emerald Red Amber

Soft Badges

Primary {{ t('active') }} {{ t('inactive') }} {{ t('pending') }}

{{ t('with_icons') }}

{{ t('completed') }} {{ t('pending') }} {{ t('cancelled') }}

Cards

Basic Card

{{ t('basic_card_desc') }}

Header Card

{{ t('header_card_desc') }}

{{ t('total_sales') }}

$125,430

+12.5% {{ t('this_month') }}

Hover Card

{{ t('hover_card_desc') }}

{{ t('form_elements') }}

Text Inputs

Default Input

{{ t('with_icons') }}

Disabled Input

Select & Textarea

Select

{{ t('select_option') }}... {{ t('option') }} 1 {{ t('option') }} 2

Textarea

Checkboxes

{{ t('selected') }} {{ t('not_selected') }}

Radio Buttons

{{ t('option') }} 1 {{ t('option') }} 2

Toggle Switches

{{ t('notifications') }}

Modals

Basic Modal Confirm Modal Form Modal

Basic Modal

{{ t('modal_content') }}

{{ t('close') }} {{ t('confirm') }}

{{ t('delete_confirm') }}

{{ t('delete_warning') }}

{{ t('cancel') }} {{ t('delete') }}

{{ t('add_new') }}

{{ t('name') }}

{{ t('description') }}

{{ t('cancel') }} {{ t('save') }}

Dropdowns

Basic Dropdown

{{ t('option') }} 1 {{ t('option') }} 2 {{ t('option') }} 3

{{ t('delete') }}

{{ t('edit') }} {{ t('copy') }}

{{ t('delete') }}

Progress Bars

Basic Progress 75%

{{ t('success') }} 90%

{{ t('warning') }} 45%

Animated ({{ animatedProgress }}%) Animate

Tabs

Basic Tabs

{{ tab }}

{{ activeTab }} {{ t('tab_content') }}

Pill Tabs

{{ tab }}

{{ t('loading') }} States

Spinner

Dots

Pulse

Ring

Skeleton Loading

Pagination

Basic Pagination

{{ page }}

{{ t('with_info') }}

{{ t('showing') }} 1-10 {{ t('of') }} 100 {{ t('items') }}

{{ t('previous') }} {{ t('next') }}