Ona UI components examples

Ona

A user account menu displaying personal information, organization selection, and navigation links.

• Dropdown menu

Ona

A card displaying compute unit usage with a progress bar.

• Charts

Ona

A dashboard displaying a list of environments with filtering options and status indicators.

• Table

Ona

A dropdown menu displaying appearance settings with options for system, dark, and light themes.

• Theme settings

Ona

A sidebar navigation menu displaying account and organization settings.

• Vertical navigation

Ona

A context menu is displayed over a list of items, showing various actions for a selected item.

• Dropdown menu

Ona

A project card displaying details and an open context menu with various actions.

• Dropdown menu

Ona

A contextual dropdown menu providing actions.

• Dropdown menu

Ona

• Upgrade your plan

Ona

An informational message box indicating that a current value is hidden for security reasons and suggesting to create a new secret to change file path or secret type.

• Alert

Ona

A success message card indicating a secret has been created.

• Notification Toast

Ona

A card component featuring a toggle switch for 'Prebuild Environments' with a descriptive text explaining its function.

• Toggle/Switch