Zuberi-Sidebar

A vue based implementation of modern dynamic sidebars that bring the best experience and simplicity. It supports enough props to satisfy mind-blowing customizations.

Installation

npm i zuberi-sidebar

yarn add zuberi-sidebar

Props

width: {
  type: String,
  default: '255px'
},
height: {
  type: String,
  default: '100%'
},
background: {
  type: String,
  default: '#121212'
},
padding: {
  type: String,
  default: '25px 20px'
},

Usage

      <sidebar :background="'#1F1F1F'" width="59px" padding="26px 14px">
        <template>
          <z-button v-for="company in companies"
                    :id="company.externalId"
                    :button-text="company.name"
                    :border-radius="borderRadius"
                    :border="company.border"
                    :width="width"
                    :height="height"
                    :background="company.background"
                    :classes="bootstrapClasses"
                    @button-clicked="handleClick"
          />
        </template>
      </sidebar>