Skip to content

Import

import { Form } from '@dnb/eufemia/extensions/forms'
render(<Form.Appearance />)

Description

Form.Appearance is a provider for theming form fields.

For now, it only provides theming of sizes for base fields and all feature fields that utilize them. See example below.

You can nest Form.Appearance to provide different themes for different parts of the form.

BETA: The sizes are not 100% finalised and may change to be officially approved by UX through an RFC.

Usage

import { Form, Field } from '@dnb/eufemia/extensions/forms'
render(
<Form.Appearance size="medium">
<Field.String />
<Form.Appearance size="large">
<Field.String />
</Form.Appearance>
</Form.Appearance>,
)