Skip to content
Home

Boolean

Info
Demos
Properties

Import

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

Description

Value.Boolean is a base component for displaying values of the type boolean.

There is a corresponding Field.Boolean component.

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

Relevant links

Demos

Empty

Code Editor
<Value.Boolean showEmpty />

Placeholder

The value was not filled in
Code Editor
<Value.Boolean placeholder="The value was not filled in" />

Value true

Ja
Code Editor
<Value.Boolean value={true} />

Value false

Nei
Code Editor
<Value.Boolean value={false} />

Label

Label text
Code Editor
<Value.Boolean label="Label text" showEmpty />

Label and value

Label textNei
Code Editor
<Value.Boolean label="Label text" value={false} />

Inline

This is before the component Ja This is after the component

Code Editor
<P>
  <span
    style={{
      color: 'red',
    }}
  >
    This is before the component
  </span>{' '}
  <Value.Boolean value={true} inline />{' '}
  <span
    style={{
      color: 'red',
    }}
  >
    This is after the component
  </span>
</P>