Go Main page
Go Main page

Web components

cover

components

Line Separator

v.1.0.0 | Saturn

Usage

import { LineSeparator } from '@kubit-ui-web/react-components'
1
<LineSeparator lineVariant="LINE_DEFAULT" labelVariant="LABEL_DEFAULT" label="LABEL" />

Props

Let's delve into the versatility of the lineSeparator component by examining all its avalaible props.

| Property | Type | Default | Description | | -------------------------------- | --------------------------------- | ------- | ------------------------------------------------------ | | lineVariant [&TAG_CODE Required] | String | - | Current variant of line | | labelVariant | String | - | Current variant of label | | label | LineSeparatorLabelType | - | Text for the label | | externalNodeTag | ElementType | - | Value associated to "as" property of parent container | | internalNodeTag | ElementType | - | Value associated to "as" property of label container | | dataTestId | String | - | Id for testing | | ctv | LineSeparatorLabelPropsStylesType | - | Modify styles for the default version of the component | | extraCt | LineSeparatorLinePropsStylesType | - | Modify styles for the default version of the component |