@instructure/ui-pill

ui-pill

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

Components

The ui-pill package contains the following:

• Pill

Installation

npm install @instructure/ui-pill

Usage

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

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