dimmer
v0.88.2arrow_drop_down











A dimmer hides distractions to focus attention on particular content.
A dimmable sub-component for Dimmer.
Called when the dimmer is clicked.
Handles click outside Dimmer’s content, but inside Dimmer area.
An inner element for a Dimmer.
Name | Type | Description |
---|---|---|
active | bool | An active dimmer will dim its parent container. |
page | bool | A dimmer can be formatted to be fixed to the page. |
as | elementType | An element type to render as (string or function). |
blurring | bool | A dimmable element can blur its contents. |
children | node | Primary content. |
className | string | Additional classes. |
content | custom | Shorthand for primary content. |
dimmed | bool | Controls whether or not the dim is displayed. |
as | elementType | An element type to render as (string or function). |
active | bool | An active dimmer will dim its parent container. |
children | node | Primary content. |
className | string | Additional classes. |
content | custom | Shorthand for primary content. |
disabled | bool | A disabled dimmer cannot be activated |
onClick | function | React’s original SyntheticEvent. |
onClickOutside | function | React’s original SyntheticEvent. |
inverted | bool | A dimmer can be formatted to have its colors inverted. |
page | bool | A dimmer can be formatted to be fixed to the page. |
simple | bool | A dimmer can be controlled with simple prop. |
verticalAlign | 'bottom' | 'top' | A dimmer can have its content top or bottom aligned. |