How to use the @pluralsight/ps-design-system-halo/react.js.shapes function in @pluralsight/ps-design-system-halo

To help you get started, we’ve selected a few @pluralsight/ps-design-system-halo 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 / switch / src / react / index.js View on Github external
const handleFocus = combineFns(() => {
    setIsFocused(true)
  }, props.onFocus)

  return (
    <button role="checkbox" aria-checked="{checked}">
      
        <div>
          <div>
        </div>
      

      <input type="checkbox" tabindex="-1" readonly="" checked="{checked}">

      {children &amp;&amp; (
        <label>{children}</label></div></button>
github pluralsight / design-system / packages / radio / src / react / button.js View on Github external
if (isFunction(props.onClick)) props.onClick(evt, value)
    props._onFocus(evt, value)

    circleRef.current.focus()
  }

  const { _disabled, _error, _isFocused, _onFocus, _name } = props

  return (
    <label>
      <div>
        
          <div tabindex="-1" aria-checked="{props.checked}" role="radio"> _onFocus(props.value)}
            ref={circleRef}
            {...styles.circle(themeName, props)}
          &gt;
            {props.checked &amp;&amp; <div>}
          </div>
        
      </div></div></label>

@pluralsight/ps-design-system-halo

Design System component for halo ui

Apache-2.0
Latest version published 2 years ago

Package Health Score

48 / 100
Full package analysis

Similar packages