AtomsInput

Input

@velon-finance/ui · status: stable · atom

A single-line text field. Pair it with Label for accessibility.

Overview

States

Code

import { Input, Label } from '@velon-finance/ui'
 
<Label htmlFor="email">Email</Label>
<Input id="email" type="email" placeholder="you@velon.finance" />

Accessibility

  • Always pair with <Label htmlFor="…">. never rely on placeholder as the only label.
  • Set type appropriately (email, tel, number, etc.) so mobile keyboards adapt.
  • Focus ring meets WCAG AA in both themes.
ButtonLabel