How to use the @pluralsight/ps-design-system-icon.CaretDownIcon.sizes function in @pluralsight/ps-design-system-icon

To help you get started, we’ve selected a few @pluralsight/ps-design-system-icon 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 / verticaltabs / src / react / item.js View on Github external
Tier1.Header = forwardRef((props, ref) => {
  const { active, collapsed, collapsible, children, icon, ...rest } = props
  const hideLabels = useHideLabels()

  const TagName = rest.href ? 'a' : rest.onClick ? 'button' : 'span'

  return (
    
      {icon &&
        cloneElement(icon, {
          size: CaretDownIcon.sizes.medium,
          ...styles.itemIcon(),
          ...(active ? { 'data-active': true } : {})
        })}

      <span>{children}</span>

      {collapsible &amp;&amp; (
        
      )}
    
  )
})
github pluralsight / design-system / packages / verticaltabs / src / react / item.js View on Github external
{...styles.tier1Header()}
      {...filterReactProps(rest, { tagName: TagName })}
      ref={ref}
    &gt;
      {icon &amp;&amp;
        cloneElement(icon, {
          size: CaretDownIcon.sizes.medium,
          ...styles.itemIcon(),
          ...(active ? { 'data-active': true } : {})
        })}

      <span>{children}</span>

      {collapsible &amp;&amp; (
        
      )}
    
  )
})
github pluralsight / design-system / packages / verticaltabs / src / react / group.js View on Github external
return (
    
      <button aria-label="{getButtonAriaLabel()}">
        <span>{children}</span>

        
      </button>
    
  )
})