Overlay
The Overlay component is used to provide emphasis on a particular element or parts of it. It signals to the user of a state change within the application and can be used for creating loaders, dialogs and more.
info
Props
| Attribute | Description | Type | Default |
|---|---|---|---|
| class | Allows custom properties to take effect. | string | undefined |
| dark | Applies the dark theme. | boolean | false |
| absolute | Applies position: absolute to the component. | boolean | false |
| opacity | Sets the overlay opacity. | number-string | 0.46 |
| zIndex | The z-index used for the component. | number-string | 5 |
| value | Controls whether the component is visible or hidden. | any | true |
| visible | Visibility of Overlay component. | boolean | true |