ColorSwatch

Display a preview of a color.

Documentation
React Aria
Pattern
W3C ARIA
Source
GitHub
Issues
Report
ColorSwatch example
import { ColorSwatch } from "@/shim-ui/color-swatch";

export default () => <ColorSwatch color="hsla(200, 100%, 50%, 0.75)" />;

Install

Use the CLI or copy the source code manually.

pnpm dlx @kkga/shim add color-swatch