components
Breadcrumbs
v.1.0.0 | SaturnUsage
1
import { Breadcrumbs } from '@kubit-ui-web/react-components';
Props
Let's delve into the versatility of the breadcrumbs component by examining all its avalaible props.
| Property | Type | Default | Description |
|---|---|---|---|
variant Required | String | - | Set the component variant theme |
crumbs Required | CrumbType | - | Navigation tree levels |
| link | BreadcrumbsLinkType | - | Link of the component |
| id | String | - | Breadcrumbs id |
| minCharLimit | Number | 20 | min-width by characters number |
| dividerIcon | IElementOrIcon | - | Icon to show into breadcrumd separator |
| lastOneCrumbComponent | TextComponentType | - | Type of component for the las crumb |
| aria-label | String | - | Aria label for component |
| aria-labelledby | String | - | Aria labelledby for component |
| aria-describedby | String | - | Aria describedby for component |
| aria-disabled | String | - | Aria disabled for component |
| dataTestId | String | breadcrumbsComponent | Text for testing purposes |
| ctv | BreadcrumbsPropsStateStylesType | - | Modify styles for the default version of the component |