BooleanDisplay

The BooleanDisplay component displays a boolean value with custom text and fixed Icons.

For more information on how to use the features and props for this component, check out the developer documentation.

The BooleanDisplay component will render Yes or No based on the value received. Those labels are configurable through the component props, but they will always be shown with a checkmark Icon for true values and an X Icon for false values. The component displays "--" in the case of an undefined value.

NameTypeDefaultDescription
classNamestringAdditional CSS classes.
falseLabelstring"No" The text to be displayed when value is false.
refRef<HTMLSpanElement>Ref for the wrapping element.
trueLabelstring"Yes" The text to be displayed when value is true.
valuebooleanBoolean value