CareerHub
Chubby
  • Buttons
  • Alerts
  • Badges
  • Cards
  • Forms
  • Modal
  • Navbar
  • Nav Tabs
  • Secondary Nav
  • Pagination
  • Progress
  • Tables
  • Tooltips
  • Drawer
  • Sidebar

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).