How to use @pluralsight/ps-design-system-tag - 2 common examples

To help you get started, we’ve selected a few @pluralsight/ps-design-system-tag examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github pluralsight / design-system / packages / site / pages / components / tag.js View on Github external
<span>
              tag size (from <code>Tag.sizes</code>)
            </span>
          ])
        ]}
      /&gt;

      Size
      <p>
        Tags come in two sizes. Try to use the default size, <code>medium</code>
        , whenever possible.
      </p>
       `${s}`
        )}
      /&gt;

      Icon
      <p>
        A tag may contain an icon, consistently placed on the right. An icon may
        also receive on <code>onClick</code> prop in this position.
      </p>
      }&gt;With Icon`,
          `} size={Tag.sizes.small}&gt;With Icon`,
          ` alert('icon clicked')} /&gt;} size={Tag.sizes.small}&gt;With Icon`
github pluralsight / design-system / packages / site / pages / components / tag.js View on Github external
'icon',
            <code>*Icon</code>,
            null,
            null,
            'Icon component, right-aligned'
          ]),
          PropTypes.row([
            'isPressed',
            'boolean',
            null,
            <code>false</code>,
            <span>for accessibility of tags used as toggles</span>
          ]),
          PropTypes.row([
            'size',
            PropTypes.union(Tag.sizes),
            null,
            <code>medium</code>,
            <span>
              tag size (from <code>Tag.sizes</code>)
            </span>
          ])
        ]}
      /&gt;

      Size
      <p>
        Tags come in two sizes. Try to use the default size, <code>medium</code>
        , whenever possible.
      </p>

@pluralsight/ps-design-system-tag

Design System component for tag ui

Apache-2.0
Latest version published 1 year ago

Package Health Score

52 / 100
Full package analysis

Popular @pluralsight/ps-design-system-tag functions

Similar packages