z-status-pill

0.0.8 • Public • Published

Z-Status-Pill

A vue based implementation of modern dynamic pills that bring the best experience and simplicity. It supports enough props to satisfy mind-blowing customizations. Communicate concise statuses with distinct colors and text.

Installation

yarn add z-status-pill
npm i z-status-pill

Props

status: {
  type: String,
  default: '',
},
statusIndicatorColor: {
  type: String,
  default: '',
},
backgroundColor: {
  type: String,
  default: '',
},
width: {
  type: String,
  default: '',
},

Usage

<z-status-pill
    :status="success"
    :background-color="'#F2FDD3'"
    :status-indicator-color="'#8DE028'"
/>

Package Sidebar

Install

npm i z-status-pill

Weekly Downloads

13

Version

0.0.8

License

none

Unpacked Size

25.4 kB

Total Files

6

Last publish

Collaborators

  • jkwamlah