Value.Name#

Demos#

First name#

FornavnNora

<Value.Name.First value="Nora" />

Last name#

EtternavnMørk

<Value.Name.Last value="Mørk" />

Company name#

FirmanavnDNB

<Value.Name.Company value="DNB" />

Placeholder#

EtternavnCustom placeholder

<Value.Name.Last placeholder="Custom placeholder" />

Value composition#

FornavnNoraEtternavnMørk

<Value.Composition>
  <Value.Name.First value="Nora" />
  <Value.Name.Last value="Mørk" />
</Value.Composition>

Inline#

<Form.Handler
  defaultData={{
    firstName: 'Nora',
    lastName: 'Mørk',
  }}
>
  <P>
    This is before the component{' '}
    <Value.Name.First path="/firstName" inline />{' '}
    <Value.Name.Last path="/lastName" inline /> This is after the component
  </P>
</Form.Handler>

Suggest an edit