Skip to content

Latest commit

 

History

History
22 lines (18 loc) · 1.13 KB

buttons.examples.radio.use-case.md

File metadata and controls

22 lines (18 loc) · 1.13 KB
Raw

2.5: Buttons Radio example

Primary Actor: User

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

Goal: Show user radio-buttons usage example with checked/unchecked states

Main success scenario:

  1. User opens Buttons demo page
  2. User clicks on Radio with radio group sub-menu
  3. User sees 2 groups of buttons with the checkbox value field above each buttons group: 4 success labeled buttons named as "Left", "Middle", "Another", "Right" and 1 warning button named "Enable/Disable" shown in the first group and 3 success labeled buttons are shown in the second group
  4. By default, in each group, the 1st button is inactive, 2d - active, and others - inactive, and the name of the active button is displayed in the checkbox value field above the buttons group
  5. User able to click on each button
  6. When user clicks on the inactive button from the first buttons group, it become active and other buttons in this group become inactive
  7. Click on "Enable/Disable" button in the first group make all buttons in the first group inactive.

Variations:

2*. User scrolls to Radio sub-menu