ÁtomosInput

Input

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

Um campo de texto de linha única. Combine com Label para garantir acessibilidade.

Visão geral

Estados

Code

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

Acessibilidade

  • Sempre combine com <Label htmlFor="…">. Nunca dependa do placeholder como único rótulo.
  • Defina type de forma adequada (email, tel, number, etc.) para que os teclados mobile se adaptem.
  • O anel de foco atende ao WCAG AA em ambos os temas.
ButtonLabel