Chip API
Learn about the Chip component's props and CSS classes.Import
import { ChipProps } from "@prismane/core";
Props
Chip extends Flex and Transition components' props.
| Name | Type | Description | Default |
|---|---|---|---|
icon | ReactNode | The icon of the chip. | - |
color | PrismaneColors | Changes the color of the chip. | primary |
size | PrismaneBreakpoints | Changes the size of the chip. | base |
CSS
Chip extends Flex and Transition components' CSS classes.
| Rule | Global Class | Description |
|---|---|---|
root | .PrismaneChip-root | The wrapper box of the chip. |
root | .PrismaneChip-root-{color} | The wrapper box of the chip based on the color. |
root | .PrismaneChip-root-{size} | The wrapper box of the chip based on the size. |