Samling av skjemakomponenter inkludert inputfelt, tekstområder, valg og feilmeldinger.
Bruk: Standard inputfelt for tekstbasert datainnsamling
Klasser: w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500
Bruk: For lengre tekstinnhold som beskrivelser eller meldinger
Bruk: For valg blant forhåndsdefinerte alternativer
Bruk: Tilpasset nedtrekksliste uten ramme, med grå understrek og caret-ikon
Klasser: bg-white appearance-none focus:outline-none border-0 border-b-2 border-gray-300 focus:border-blue-500
Bruk: For binære valg (ja/nei) eller for å velge flere alternativer fra en liste
Klasser: h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300 rounded
Bruk: For å velge ett alternativ blant flere gjensidig utelukkende valg
Klasser: h-4 w-4 text-blue-600 focus:ring-blue-500 border-gray-300
Bruk: For å gruppere relaterte skjemafelter eller kontroller
Vennligst oppgi en gyldig e-postadresse
Passordet må være minst 8 tegn
Bruk: For å vise valideringsfeil til brukeren
Klasser for feilinput: border border-red-300 focus:ring-red-500 focus:border-red-500
Klasser for feilmelding: text-sm text-red-600