ContentTabs for Fender React UI Kit
Description
A component for a tabbed navigation.
Installation and Usage
yarn add @fenderdigital/react-content-tabs --save
import ContentTabs from '@fenderdigital/react-content-tabs';Props
-
bgColor- a configurable tachyon background class. -
borderColor- a configurable tachyon border class. -
children- renders any child elements. -
defaultTab- label to default selected tab state to. -
fluid- a boolean to set a fluid layout for the tabs. -
onClick- callback. -
selectedBackgroundColor- configurable tachyon background class for the selected state. -
selectedTextColor- configurable tachyon color text class for the selected state. -
underlineColor- tachyon bottom border color class -
underline- a boolean to use the underline color.
| propName | propType | defaultValue | isRequired |
|---|---|---|---|
| bgColor | string | white | - |
| borderColor | string | light-gray | - |
| children | node | null | - |
| defaultTab | string | null | - |
| fluid | boolean | false | - |
| onClick | func | () => {} | - |
| selectedBackgroundColor | string | white | - |
| selectedTextColor | string | near-black | - |
| textColor | string | gray | - |
| underlineColor | string | red | - |
| underline | boolean | true | - |
Development
Check the Monorepo README for development documentation.