components
Dot
v.1.0.0 | SaturnUsage
import { Dot } from '@kubit-ui-web/react-components'
1
<Dot variant={'WITH_BORDER'} size={'MEDIUM'} number={1} />Props
Let's delve into the versatility of the dot component by examining all its avalaible props.
| Property | Type | Default | Description |
|---|---|---|---|
variant Required | String | - | Current variant of Dot |
size Required | String | - | Size of Dot |
| number | Number | - | Value showed inside the Dot |
| maxNumber | Number | - | Maximun value showed inside the Dot |
| dataTestId | String | - | Id for testing |
| ctv | DotVariantStylesType | - | Modify styles for the default version of the component |
| cts | DotSizePropsType | - | Modify styles for the default version of the component |