How to use the @pluralsight/ps-design-system-textinput.appearances function in @pluralsight/ps-design-system-textinput

To help you get started, we’ve selected a few @pluralsight/ps-design-system-textinput 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 / searchinput / src / react / index.js View on Github external
}

    onClear(evt)
  }

  const clearBtn = onClear && 

  const icon = loading ? (
    
  ) : (
    
  )

  return (
    
  )
})
github pluralsight / design-system / packages / emptystate / src / react / __stories__ / index.story.js View on Github external
)
  return (
    
  )
}

const SearchInput = props => 
SearchInput.defaultProps = {
  appearance: TextInput.appearances.subtle,
  icon: ,
  placeholder: 'Find Something'
}

const InlineList = ({ children, ...props }) => {
  const styles = {
    list: { display: 'flex', flexWrap: 'wrap', justifyContent: 'center' },
    item: { display: 'inline-flex', margin: '0 5px 12px' }
  }

  return (
    <div style="{styles.list}">
      {React.Children.map(children, (child, index) =&gt; (
        <div style="{styles.item}">
          {child}
        </div></div>
github pluralsight / design-system / packages / site / pages / components / textinput.js View on Github external
<p>Install the component dependency:</p>
      <code>
        npm install @pluralsight/ps-design-system-textinput
      </code>

      <p>Include a React component in your project:</p>
      <code>
        import TextInput from '@pluralsight/ps-design-system-textinput'
      </code>

      default,
            <span>
              visual style (from <code>TextInput.appearances</code>)
            </span>
          ]),
          PropTypes.row([
            'disabled',
            'boolean',
            null,
            <code>false</code>,
            'standard input disable flag'
          ]),
          PropTypes.row([
            'error',
            'boolean',

@pluralsight/ps-design-system-textinput

Design system components for text input

Apache-2.0
Latest version published 2 years ago

Package Health Score

48 / 100
Full package analysis

Similar packages