DEPRECATED

Use the @anypoint-web-components/awc module instead.

-----

Bottom sheets slide up from the bottom of the screen to reveal more content.

Example

``html

Action #1
Action #2
Action #3

`

![Published on NPM](https://www.npmjs.com/package/@advanced-rest-client/bottom-sheet)

![Tests and publishing](https://github.com/advanced-rest-client/bottom-sheet/actions/workflows/deployment.yml)

Usage

$3

`sh
npm install --save @advanced-rest-client/bottom-sheet
`

$3

`html






Action #1
Action #2
Action #3

Open menu



`

$3

`js
import { LitElement, html } from 'lit-element';
import '@advanced-rest-client/bottom-sheet/bottom-sheet.js';

class SampleElement extends LitElement {
static get properties() {
return {
menuOpened: { type: Boolean }
}
}
render() {
return html

Action #1
Action #2
Action #3

;
}
}
customElements.define('sample-element', SampleElement);
`

$3

`js
import {PolymerElement, html} from '@polymer/polymer/polymer-element.js';
import '@advanced-rest-client/bottom-sheet/bottom-sheet.js';

class SampleElement extends PolymerElement {
static get properties() {
return {
menuOpened: { type: Boolean, value: false }
}
}
static get template() {
return html

Action #1
Action #2
Action #3

;
}
}
customElements.define('sample-element', SampleElement);
`

Development

`sh
git clone https://github.com/advanced-rest-client/bottom-sheet
cd bottom-sheet
npm install
`

$3

`sh
npm start
`

$3

`sh
polymer test
``