Skip to content
Home

Boolean

Info
Demos
Properties

Description

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

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

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

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

Label and value

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

Inline

This is before the componentJaThis 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>