Button

CheckBox Button

Radio Button

Text Area

Text Field

  Text field with search icon

Slider

Tooltip

Progress Bar

Progress Indicator

Dialog

Number Stepper

Cards

Advanced Card

Subheader

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore sed consequuntur error repudiandae numquam deserunt quisquam repellat libero asperiores earum nam nobis, culpa ratione quam perferendis esse, cupiditate neque quas!

SAVE CANCEL

Toggle Switch

Numeric Stepper

Divider

Add Text

Text field form

More..

Drop Down

Dropdown Variations

List

Language Selector

Badges

Auto-Complete

Wizard

First

✓ First Complete

✓ Second

✓ ✓ Second Complete

✓ ✓ Third

✓ ✓ ✓ Third Complete

✓ ✓ ✓ Fourth

Menu Tabs

Input text

Email or Phone Enter Email / Phone

Search Field

AdvancedBasic

AdvancedBasic

Date picker

Paginator

Product Name

PRODUCT NAME

Data Grid

	ID document	ID person	Doc type	Full Name	Status	Expiry
	00000001	00000001	Passport	John Doe	Approved	10/25/2025
	00000002	00000002	ID Card	John Doe	Terminate	10/25/2025
	00000003	00000003	ID Card	John Doe	Personalized	10/25/2025
	00000001	00000001	Drive License	John Doe	Suspended	10/25/2025

Batch Table Action

Select AllRenew SelectedDelete Selected

		ID document	ID person	Doc type	Full Name	Status	Expiry
		00000001	00000001	Passport	John Doe	Approved	10/25/2025
		00000002	00000002	ID Card	John Doe	Terminate	10/25/2025
		00000003	00000003	ID Card	John Doe	Personalized	10/25/2025
		00000001	00000001	Drive License	John Doe	Suspended	10/25/2025

Hands

App Selector Dropdown

App 1

App 2

App 3

App 4