Skjemakomponenter

Samling av skjemakomponenter inkludert inputfelt, tekstområder, valg og feilmeldinger.

Inputfelt

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

Tekstområder

Bruk: For lengre tekstinnhold som beskrivelser eller meldinger

Nedtrekkslister

Bruk: For valg blant forhåndsdefinerte alternativer

Tilpasset nedtrekksliste

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

Avkryssingsbokser

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

Radioknapper

Velg kjønn

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

Skjemagrupper

Bruk: For å gruppere relaterte skjemafelter eller kontroller

Feiltilstander

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

Tilbake til alle komponenter