NumberField

<NumberField label="Beløp"/>

<NumberField
  label="Beløp"
  description="Må fylles ut"
/>

<NumberField
  label="Beløp"
  placeholder="Skriv inn ønsket lånebeløp"
/>

<NumberField
  leftAddon={<PiggyBank className="pointer-events-none" />}
/>

<NumberField
  rightAddon={<PiggyBank className="pointer-events-none" />}
/>

<NumberField
  leftAddon={<PiggyBank className="pointer-events-none" />}
  withAddonDivider
/>

<NumberField
  aria-label="Beløp"
  placeholder="Fyll ut ønsket beløp"
/>

<NumberField
  label="Beløp"
  rightAddon="kr"
  textAlign="right"
  withAddonDivider
/>

<NumberField
  label="Beløp"
  errorMessage="Her er det noe feil!"
/>

<form
  onSubmit={(e) => e.preventDefault()}
  className="grid gap-6"
>
  <NumberField
    isRequired
    label="Beløp"
  />
  <Button type="submit" className="w-fit">
    Send inn
  </Button>
</form>

<NumberField
  label="Beløp"
  maxValue={1000}
/>

<NumberField
  label="Beløp"
  minValue={0}
/>

<NumberField
  description="Samlet lån og gjeld inkluderer studielån, billån, forbrukslån og rammer på kredittkort."
  label="Husstandends samlede lån og gjeld utenom boliglån"
  maxValue={99999999}
  size={10}
/>

function(){
const [number, setNumber] = React.useState(0);

return <NumberField
  label="Beløp"
  value={number}
  onChange={setNumber}
/>
}