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 the content in it.
• 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.
• remove shadow.
• define padding.
• define min/max Height and min/max Width, when exceeded a scroll appears.
• apply animation.

---

Acceptance criteria

The Toggle Box should provide intuitive defaults which allow end users to:

1. Open it.
2. Interact with it.
3. Close it.

Limitations:

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

ARIA

### Keyboard navigation

API

• Events
• Selection changed
• Toggle Box open
• Toggle Box closed