components
Footer
v.1.0.0 | SaturnUsage
1
import { Footer } from '@kubit-ui-web/react-components';
Props
Let's delve into the versatility of the footer component by examining all its avalaible props.
| Property | Type | Default | Description |
|---|---|---|---|
variant Required | String | - | Variant of Footer |
children Required | JSX.Element or JSX.Element | - | Content to place inside Footer |
| role | ROLES | - | Role set to footer |
| contentDirection | ContentDirectionType | - | Set children direction vertical or horizontal |
| simpleContainer | Boolean | - | Allows you to change the footer tag to a div |
| forceVertical | Boolean | false | Force button going vertical or take styles from theme |
| alignItems | String | center | Prop associated to css align-item property that allows you to align the footer content |
| footerMobileSortConfig | String | { column: REVERSE, firstContent: RIGHT, secondContent: CENTER, thirdContent: LEFT } | Prop to add a special configuration sort for mobile |
| dataTestId | String | - | Prop used for tests |
| ctv | FooterPropsStylesType | - | Modify styles for the default version of the component |