Installer
Eksempel på bruk av label og description. Label: \"Din månedslønn før skatt\" Description: \"Inntekt i norske kroner\"
Bruk description i tillegg til label når det er behov for mer utfyllende forklaring.
Eksempel på labeltekst som går over to linjer
Unngå labeltekst som går over to linjer.
Textfield med label \"Din månedslønn før skatt\" og description \"Inntekt i norske kroner\".
Bruk label og description for å beskrive hva som skal skrives inn i tekstfeltet.
TextField med placeholder-tekst
Ikke bruk placeholder-tekst.
Et inputfelt med størrelse tilpasset innholdet
Tilpass størrelsen til inputfeltet til innholdet.
Alle feltene med samme bredde
Bruk samme bredde på alle feltene uavhengig av forventet input.
value? string | number
Controlled value
defaultValue? string | number
Defaults input-value without needing controlled-state
htmlSize? number
Exposes the HTML size attribute
hideLabel? boolean
If enabled shows the label and description for screenreaders only
label ReactNode
TextField label
type?"number" | "email" | "password" | "tel" | "text" | "url"
Type of form control. Picking the correct type helps user fill inn their required information
error? ReactNode
Error message for element
errorId? string
Override internal errorId
size? "medium" | "small"
Changes font-size, padding and gaps
disabled? boolean
Disables element @note Avoid using if possible for accessibility purposes
description? ReactNode
Adds a description to extend labling of a field
id? string
Override internal id
className? string
ref? Ref<HTMLInputElement>
TextField extends HTMLInputElement