Components · UI Primitives

Input

Gray field, purple caret & focus stroke, validation states.

Amount

InvalidPlease enter a valid value

Props

Prop	Type	Default	Description
`type`	`string`	`text`	Native input type.
`value`	`string`	`—`	Controlled value.
`placeholder`	`string`	`—`	Placeholder text.
`invalid`	`boolean`	`false`	Applies the error state.
`disabled`	`boolean`	`false`	Disables the field.

Reference API for the design concept — align names and types with your implementation.

Use in the active theme; the component adapts to light and dark automatically.
Keep the purple accent for interactive states only — never as a fill or background.
Copy the markup from the Code tab and wire it to base.css tokens.