Skip to content

Toggle Box

Stanka Bozalieva edited this page Jan 11, 2018 · 17 revisions

Toggle Box

Description

Toggle Box is a toggable container.

User Stories

As an end user, I want to:

  • open the Toggle Box, interact with it and close it.

User Interface

As a developer, I want to:

  • implement a hidden container.
  • allow the user to open it, interact with it and close it.
  • define the background color.
  • define padding.
  • define min/max Height and min/max Width, when exceeded a scroll appears.
  • apply animation

Acceptance criteria

The component should provide intuitive defaults which allow end users to: 1.

Limitations:

Following the https://material.io/guidelines/components/buttons.html#buttons-dropdown-buttons

ARIA

### Keyboard navigation

API

  • Events
  •  Selection changed
  •  Drop down open
  •  Drop down closed
Clone this wiki locally