widgets
Chip
Dismissable tag elements.
Features
- Keyboard accessible
- Multiple styles and sizes
- Dismissable
- Themes ready
Chip text
Anatomy
import { Chip } from "@wonderflow/react-components";
export default () => {
return <Chip>Text</Chip>;
};
API Reference
PROPERTY
TYPE
DEFAULT
dimension
enum
regular
color
enum
gray
icon
enum
interactive
boolean
onDismissClick
function
Accessibility
Keyboard interactions
Name | Description |
---|---|
tab | If interactive, move focus on the button element inside |