components
Container
v.1.0.0 | SaturnImport
1234
import { Container } from '@kubit-ui-web/react-components'; <Container variant="DEFAULT" title={{ content: 'Title', component: 'h4' }}> Text </Container>;
Props
Let's delve into the versatility of the container component by examining all its avalaible props.
Note that the container 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 container | String | - |
| title | Title of the container | ContainerTextType | - |
| dataTestId | Id for testing | String | - |
| ctv | Modify styles for the default version of the component | ContainerPropsStylesType | - |