
components
Overlay
v.1.0.0 | SaturnImport
12
import { Overlay } from '@kubit-ui-web/react-components'; <Overlay variant="DEFAULT" />;
Props
Let's delve into the versatility of the overlay component by examining all its avalaible props.
Note that the overlay component's default styling properties can be moderately adjusted through the ctv prop, in case the project do not need a full variant customization. This limited customization ensures a seamless balance between predefined aesthetic and your specific design requirements. Additionally, it's essential to highlight that Kubit always provided the option to full customized all the variants that your project needs.
Property | Description | Type | Default |
---|---|---|---|
variant Required | Current variant of overlay | String | - |
dataTestId | Id for testing | String | - |
ctv | Modify styles for the default version of the component | OverlayVariantStylesType | - |