JSPM

@instructure/ui-pill

7.4.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 4759
  • Score
    100M100P100Q145332F
  • License MIT

A UI component to communicate concise status.

Package Exports

  • @instructure/ui-pill

Readme


category: packages

ui-pill

npm  build-status  MIT License  Code of Conduct

Use Pills to communicate concise status with an identifiable color and supportive text.

Components

The ui-pill package contains the following:

Installation

yarn add @instructure/ui-pill

Usage

---
example: false
---
import React from 'react'
import { Pill } from '@instructure/ui-pill'

const MyPill = () => {
  return (
    <Pill
      color="info"
      margin="x-small"
    >
      Draft
    </Pill>
  )
}