Theme

Form

Form components styled with the Ontopix theme — inputs, selects, checkboxes, and more.

Production

Form components for user input and data collection. All components respect the theme's color and size defaults from app.config.ts.

Input

Text input with multiple variants and states.

Variant	Description
`outline`	Standard bordered input
`soft`	Tinted background input
`subtle`	Minimal background input
`ghost`	Borderless, transparent input

Dropdown select for choosing from predefined options.

Multi-line text input for longer content.

Toggle controls for boolean values.

Default checkbox

Secondary

Default switch

Secondary

Single selection from a group of options.

Option A

Option B

Option C

Wrapper providing label, description, hint, and validation states.

We'll never share your email.

PasswordMin. 8 characters

Password is too short

State	Description
Default	Label with optional description and hint
Error	Red border with error message below
Required	Asterisk marker on label

Range input for numeric values.

Elements

Core UI element components styled with the Ontopix theme — buttons, badges, alerts, cards, and more.

Navigation

Navigation components styled with the Ontopix theme — menus, tabs, breadcrumbs, and more.