Skip to content

A sidebar component based on ElementUI's dialog component

Notifications You must be signed in to change notification settings

tillhub/vue-sidebar

Repository files navigation

@tillhub/vue-sidebar CircleCI

Vue search input with dropdown for more filters

Install

npm install --save @tillhub/vue-sidebar

Usage

Please see example folder for complete code example.

To see the example in action:

npm run serve

The sidebar is based on ElementUI's original Dialog code. All properties/events except fullscreen are still available. Please read ElementUI's documentation for more information: http://element.eleme.io/#/en-US/component/dialog

Added properties

Attribute Type Required Example Default Description
bottom string no "15vh" "0px" sets bottom padding, similar to top prop
position string no "left" or "right" "right" fixes sidebar to the left or right edge of the viewport
hide-title boolean no "true" or "false" "false" completely removes the dialog header
padding string no "10px 3px" "0" sets the padding of the dialog body

License

MIT © Tillhub

About

A sidebar component based on ElementUI's dialog component

Resources

Stars

Watchers

Forks

Packages

No packages published