Drawer
Elements which come in from the sides and are dismissable
Basic Example
Dismissal
Any drawer can be dismissed by clicking out, but you can add extra dismiss triggers with the below syntax.
Methods
| Method | Description |
|---|---|
$().drawer() | Attaches a drawer handler to an element collection. |
.drawer('show') | Reveals an element's drawer. Returns to the caller before the drawer has actually been shown. |
.drawer('hide') | Hides an element's drawer. Returns to the caller before the drawer has actually been hidden. |
Events
| Event Type | Description |
|---|---|
| show.chubby.drawer | This event fires immediately when the show instance
method is called. |
| shown.chubby.drawer | This event is fired when the drawer has been made visible to the user (will wait for CSS transitions to complete). |
| hide.chubby.drawer | This event is fired immediately when the hide instance
method has been called. |
| hidden.chubby.drawer | This event is fired when the drawer has finished being hidden from the user (will wait for CSS transitions to complete). |