1.0.0 • Published 5 years ago
@fenderdigital/react-content-tabs v1.0.0
ContentTabs for Fender React UI Kit
Description
A component for a tabbed navigation.
Installation and Usage
yarn add @fenderdigital/react-content-tabs --saveimport 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 classunderline- 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.
1.0.0
5 years ago