Verlet Component Registry

Buttons

Badges

Pill BadgeInlineChip

Tabs

Overview content goes here. This card uses frosted glass with backdrop blur.

Metric Cards

Uptime

99.8%

Latency

42ms

Growth

18.2%

Form Elements

Contact

Verlet-styled form controls.

Name

Message

I agree to the terms

Progress Bar

Switch Rows

NotificationsReceive push notifications

Dark mode syncFollow system theme

Tooltip

Toast Inline

Settings saved successfully.

Upload complete

3 files uploaded to your workspace.

Global Toast

Alerts

Tip

You can customize your dashboard in Settings.

Success

Your changes have been saved.

Caution

This may affect existing data.

Error

Unable to connect to the server. Check your network.

Critical

This action is permanent and cannot be undone.

Banners

Scheduled maintenance on Jan 15 at 2:00 AM UTC.

Your trial expires in 3 days.

Payment failed. Update your billing info.

Verlet v2.0 is now available!

Checkboxes

Accept terms and conditions

Subscribe to newsletter

Disabled option

Radio Group

Compact

Comfortable

Spacious

Select

Searchable Select

Dialog

Dropdown Menu

Table

Name	Status	Role
Olivia Martin	Active	Designer
Jackson Lee	Active	Developer
Sofia Davis	Inactive	Manager

Dark Panel

This panel is always dark, regardless of the theme mode. It uses scoped CSS custom properties.

Nested card inside the dark panel.