components
Navigation Card
v.1.0.0 | SaturnUsage
1
import { NavigationCard } from '@kubit-ui-web/react-components';
Props
Let's delve into the versatility of the navigationCard component by examining its available props:
| Property | Type | Default | Description |
|---|---|---|---|
variant Required | String | - | Current variant of NavigationCard |
| title | NavigationCardTextType | - | Title of NavigationCard |
| description | NavigationCardTextType | - | Description of NavigationCard |
| decorative | DecorativePropsType | - | Object to show a decorative element |
| arrowIcon | IElementOrIcon | - | Arrow icon showed |
| arrowIconText | NavigationCardTextType | - | Text showed with arrow icon |
| tag | NavigationCardTagType | - | Properties of tag component |
| url | String | - | URL (part of the IGenericLink interface), when no specify, the render component will be a button |
| type | ButtonType | - | Type of the button (when no url is specified) |
| dataTestId | String | - | Id for testing |
| ctv | NavigationCardStylesPropsType | - | Modify styles for the default version of the component |