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.
pluralsight / design-system / packages / searchinput / src / react / index.js View on Github 
}
onClear(evt)
}
const clearBtn = onClear &&
const icon = loading ? (
) : (
)
return (
)
}))
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) => (
<div style="{styles.item}">
{child}
</div></div><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
