Discrimination

Discriminated blocks

The DiscriminatedBlocks component is a wrapper for a block of content.

<HasOne field="link">
  <DiscriminatedBlocks label="Link" field="type">
    <Block discriminateBy="article" label="Articles">
      <SelectField options="Article.slug" field="article" label="Article" />
    </Block>
    <Block discriminateBy="url" label="External link">
      <TextField label="Url" field="url" />
    </Block>
  </DiscriminatedBlocks>
</HasOne>

Component preview

Props

Prop	Description
children	Renders content of the component. Required
allowBlockTypeChange	boolean
size	Size
labelPosition	FormGroupLabelPosition
labelDescription	ReactNode
description	ReactNode The description for the field.
useLabelElement	boolean