tabs.examples.justified.use-case.md

13.7: Tabs Justified example

Primary Actor: User

Scope: Ngx-bootstrap DEMO / BS version 3&4

Goal: Show user example with justified tabs

Main success scenario:

1. User opens Tabs demo page
2. User clicks on Justified sub-menu
3. User see tabs component with 3 tabs, justified by default, each have the same width and height
4. By default, the first tab chosen and there is content inside: "Justified content 1"
5. When user clicks on the second tab, it become chosen and there is content inside: "Short Labeled Justified content"
6. When user clicks on the third tab, it become chosen and there is content inside: "Long Labeled Justified content"
7. Template src should be written with justified="true" param

Variations:

2*. User scroll to Justified sub-menu