@zendeskgarden/react-tags
This package includes components relating to tags in the
Garden Design System.
Installation
npm install @zendeskgarden/react-tags
npm install react react-dom styled-components @zendeskgarden/react-theming
Usage
import { ThemeProvider } from '@zendeskgarden/react-theming';
import { Tag } from '@zendeskgarden/react-tags';
<ThemeProvider>
<Tag pill>
<Tag.Avatar>
<img alt="" src="images/user.png" />
</Tag.Avatar>
Example User
<Tag.Close
aria-label="press delete to remove Example User tag"
onClick={() => alert('remove tag')}
/>
</Tag>
</ThemeProvider>;