Skip to content
Home

Boolean

Info
Demos
Properties

Demos

Empty

<DataValue.Boolean showEmpty />

Placeholder

The value was not filled in
<DataValue.Boolean placeholder="The value was not filled in" />

Value: true

Ja
<DataValue.Boolean value={true} />

Value: false

Nei
<DataValue.Boolean value={false} />

Label

<DataValue.Boolean label="Label text" showEmpty />

Label and value

Nei
<DataValue.Boolean label="Label text" value={false} />

Inline

This is before the componentJaThis is after the component
<>

  <span

    style={{

      color: 'red',

    }}

  >

    This is before the component

  </span>

  <DataValue.Boolean value={true} inline />

  <span

    style={{

      color: 'red',

    }}

  >

    This is after the component

  </span>

</>

Inline and label

This is before the componentJaThis is after the component
<>

  <span

    style={{

      color: 'red',

    }}

  >

    This is before the component

  </span>

  <DataValue.Boolean label="Label text" value={true} inline />

  <span

    style={{

      color: 'red',

    }}

  >

    This is after the component

  </span>

</>