Storybook Documentation - Component: TabBar

Description / User Story

With this task we want to make the Tab Bar Component page in Storybook look like the template from design.

Requirements

[x] #513
[ ] #460
[ ] #501

Acceptance Criteria

[ ] Component Page has the same structure as the design template (in the following order):
- [ ] Headline & Intro Text incl. a list of anchor links to all following sections
- [ ] Docs Area with Example and all Props (see which props should be displayed for this component in the section below)
- [ ] Appearance
  - [ ] Variant (incl. variant = standard, fullWidth)
  - [ ] SizeVariant (incl. sizeVariant = SM, MD, LG)
  - [ ] Alignment (incl. alignment = left, right)
  - [ ] HasDivider (incl. hasDivider = true, false)
  - [ ] HasButton (incl. hasButton = true,false)
  - [ ] HasScrollbar (incl. hasScrollbar = true, false)
- [ ] Dependencies
  - [ ] IconButton (incl. default IconButton)
  - [ ] Icon (incl. iconPosition = leading, trailing)
[ ] Component Page includes the texts as defined in the section below (incl. non default values for the shown examples)
[ ] Component Page text styles (uppercase, lowercase, spacing) correspond the the design template
[ ] Component Page spacing corresponds to design template
[ ] Component Page colours correspond to design template

Props

See this table page "Tab Bar" for all props that should be displayed for the component, incl. their description, default values and the type of controls. Props that do not appear and that can be removed, should also be removed (not including theme for example, because this is needed for all components, but still not part of the props section).

If the props in the list are not the same as the component currently uses, just leave a comment in column G in the excel and a follow-up task will be created. Fixing the components is not part of this ticket.

Content / Texts

See this table page "Documentation Texts" for all texts that should be displayed for the component. Filter column A in cell A3 to only show you the texts of this components.

For the texts please change "[component name]" with "Tab Bar" and "[componentName]" with "tabBar".

Also all the examples in the documentation below the Props should not use the default values, but they should use descriptive texts for Label, Placeholder and other text fields. Some examples are already given in the template.

Background information

Example of a collapsible Props Section can be seen here

deven-org / boiler