@instructure/ui-pill

---

category: packages

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

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

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