Branch: master
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
README.md
index.js
readme.js
readme.styl
test.html
test.js

README.md

Panel

A Panel is not a component, it is a base class. You can extend it to create your own panel class which can be registered and then used as a tag.

Demo

Example
Click to open

Code

HTML

<tonic-panel
  id="content-panel-example"
  overlay="true">
</tonic-panel>

JS

%js%

Api

Properties

Property Type Description Default
id string Adds the id attribute.
name string Adds the name attribute.
position string Changes the position of the panel. right
overlay boolean Shows an overlay behind the panel, blocks page interaction. false
background-color string Changes the background color of the overlay. rgba(0,0,0,0.5)
theme string Adds a theme color (light, dark or whatever is defined in your base CSS. light

Instance Methods & Members

Method Description
show() Shows the panel.
hide() Hides the panel.
click() Click event.