Chip

A compact inline token for labeling content, with optional icons and multiple appearances.

Warning

This component is experimental and not yet stable for wide adoption. Use it with caution.

Installation

import { Chip } from "@o/pipeline/experimental/components/chip";

Usage

  • Text
    • Text
    • Deleted
    • Link
    • Button
    • Meeting
  • Text + start icon
    • Text
    • Deleted
    • Link
    • Button
    • Meeting
  • Text + end icon
    • Text
    • Deleted
    • Link
    • Button
    • Meeting
  • Text + both icons
    • Text
    • Deleted
    • Link
    • Button
    • Meeting
  • Text (presentational)
    • Text
    • Deleted
    • Link
    • Button
    • Meeting
  • Text + start icon (presentational)
    • Text
    • Deleted
    • Link
    • Button
    • Meeting
  • Text + end icon (presentational)
    • Text
    • Deleted
    • Link
    • Button
    • Meeting
  • Text + both icons (presentational)
    • Text
    • Deleted
    • Link
    • Button
    • Meeting
  • Text (tooltip)
    • Text
    • Deleted
    • Link
    • Button
    • Meeting
  • Text + start icon (tooltip)
    • Text
    • Deleted
    • Link
    • Button
    • Meeting
  • Text + end icon (tooltip)
    • Text
    • Deleted
    • Link
    • Button
    • Meeting
  • Text + both icons (tooltip)
    • Text
    • Deleted
    • Link
    • Button
    • Meeting