Expandable section

Introduction

The expandable section is used to show and hide information.

Styleguide

x: 4px
y: 20px
z: 12px

width: 16px
height: 16px
icon-color: $turquoise-600

font-family: Bernina Sans Regular
font-size: 12px
color: $gray-500
padding-left: 4px
padding-right: 4px

border-bottom: 1px solid $gray-400

Hover state

font-color: $gray-700
icon-color: $turquoise-700
line-color: $gray-500

Disabled state

icon-color: $gray-300

Combination with other components

Currently, the expandable section is used in combination with several components, e.g. Tags