@zendeskgarden/react-tags
    TypeScript icon, indicating that this package has built-in type declarations

    8.39.0 • Public • Published

    @zendeskgarden/react-tags npm version

    This package includes components relating to tags in the Garden Design System.

    Installation

    npm install @zendeskgarden/react-tags
    
    # Peer Dependencies - Also Required
    npm install react react-dom styled-components @zendeskgarden/react-theming

    Usage

    import { ThemeProvider } from '@zendeskgarden/react-theming';
    import { Tag } from '@zendeskgarden/react-tags';
    
    /**
     * Place a `ThemeProvider` at the root of your React application
     */
    <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>;

    Install

    npm i @zendeskgarden/react-tags

    DownloadsWeekly Downloads

    5,993

    Version

    8.39.0

    License

    Apache-2.0

    Unpacked Size

    37.9 kB

    Total Files

    12

    Last publish

    Collaborators

    • avatar