Input

Il vero controllo nativo: possiede testo, caret, selezione, focus e API HTML. Field aggiunge separatamente label, aiuto ed errore; le composizioni specializzate hanno pagine dedicate.

import { Input } from '@qoovex/ui/components/input'

Core

Rest comunica già l'area editabile. Empty, placeholder e value usano la stessa geometria, senza label flottanti o API aggiuntive.

Empty

Placeholder

With value

Focus reale

Usa Tab e Shift+Tab tra i campi consecutivi, poi prova click o tap. Il browser assegna il focus al vero input; nessuna classe simula :focus-visible.

Typing e contenuto

Digita rapidamente, seleziona, sostituisci, cancella e incolla. Value, caret e placeholder rispondono subito: il primitive non aggiunge state machine o animazioni al testo.

Typing, replace e paste

Long value

Availability e validation

Editable, readonly, disabled e invalid restano semanticamente reali. Il campo invalid raggiungibile con Tab conserva insieme bordo destructive e focus outline.

Editable

Readonly

Disabled

Invalid — usa Tab per il focus reale