@react-md/chip

Create a compact actionable element that can be used to represent an input, attribute, or action. A chip can be used to represent filters, tags, emails, or other inline elements.

Usage no npm install needed!

<script type="module">
  import reactMdChip from 'https://cdn.skypack.dev/@react-md/chip';
</script>

README

@react-md/chip

Create a compact actionable element that can be used to represent an input, attribute, or action. A chip can be used to represent filters, tags, emails, or other inline elements.

Installation

npm install --save @react-md/chip

Documentation

You should check out the full documentation for live examples and more customization information, but an example usage is shown below.

Usage

import type { ReactElement } from "react";
import { Chip } from "@react-md/chip";

export default function Example(): ReactElement {
  return <Chip id="example-chip-1">I'm a chip!</Chip>;
}