v14.0.2


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>;
};

tsx

API Reference

PROPERTY
TYPE
DEFAULT
dimension
enum
regular
color
enum
gray
icon
enum
interactive
boolean
onDismissClick
function

Accessibility

Keyboard interactions

NameDescription
tabIf interactive, move focus on the button element inside

Created by Wonderflow Design Team for Wonderflow.

© Wonderflow 2024