import { ArgTypes, Meta, Canvas } from '@storybook/addon-docs/blocks'; import { CssVariables, JumpTo } from '../../.storybook/blocks'; import * as stories from './field.stories'; import { Details } from '../react'; # Field > Field er et hjelpemiddel for å automatisk koble et felt sammen med Label, Field. Description, ValidationMessage og Field.Counter. Field kan brukes sammen med Input, Textarea og Select. ## Kode - Legg klassen `field` på `` rundt ledetekst og skjemafelt - Field beriker indre skjemaelementer med f.eks automatisk sammenkobling av `` og ``, beskrivelser (`

`) og valideringer `validation data-field="validation"`, samt `textarea` skalering, tegn teller, `suggestion` posisjonering etc. - **Flere inputs for én label?** Field skal kun inneholde ét skjemaelementet, men du kan knytte flere sammen (f.eks fornavn + etternavn osv.) med [Fieldset](/?path=/story/designsystem-fieldset--with-texts) - **Mønster:** [Se mønster for merking av obligatoriske felter](https://www.designsystemet.no/no/patterns/required-and-optional-fields)

Se egne parameter for React

I React kan du velge å bruke `` med ``, `` osv. for full kontroll, eller med `as="input"`/`as="select"` og props for automatisk oppsett av elementer: