Block
Simple block component.
Examples
Blocks
This component is used in the following Blocks:
Theme
This component uses the following default theme:
- root{}(7 keys)
- Show all
Learn more about how to customize in the Theme documentation.
API
| Prop | Description | Default |
|---|---|---|
label | Label to display on the block.ReactNode | |
disableMargin | Disable block bottom margin.boolean | |
required | Whether to show the required * or not.boolean | |
children | Children to render.ReactNode | |
labelClassName | Additional classname to apply to the label.string | |
className | Additional classname to apply to the block.string | |
direction | Direction of the block."vertical" | "horizontal" | vertical |
alignment | Alignment of the label."start" | "center" | "end" | start |
onTitleClick | Event when the label is clicked.(event: MouseEvent<HTMLLabelElement, MouseEvent>) => void | |
theme | Theme for the Block.BlockTheme |