CRS dropdown container

Install

npm install --save crs-dropdown-container

Introduction

This is a simple container component that exists in two parts.

1. Dropdown input
2. Container

Both you can add custom UI too.

<crs-dropdown-container>
    <div slot="label">
        <span>My Label</span>
    </div>
    <div slot="content">
        <div>Content 1</div>
        <div>Content 2</div>
    </div>
</crs-dropdown-container>

Interaction

Clicking on the the input will drop down the container.

Custom styles

The following css variables can be used to update coloring:

1. --tool-background, affects the background
2. --border, affects the border color
3. --primary, affects icon color, should be primary color of app