Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
<code>
import Switch from '@pluralsight/ps-design-system-switch'
</code>
false,
'shows a toggled-on switch'
]),
PropTypes.row([
'color',
PropTypes.union(Switch.colors),
null,
<code>orange</code>,
<span>
track color (from <code>Switch.colors</code>)
</span>
]),
PropTypes.row([
'disabled',
'boolean',
null,
<code>false</code>,
'standard input disable flag'
]),
PropTypes.row([
'error',
'boolean',
Size
<p>Switches come in two sizes.</p>
`
/>
In-app Example
<p>
There is no internal state for the switch component. The containing app
will take care of how it maintains and changes the state of the Switch
with the <code>checked</code> and <code>onClick</code> props.
</p>
Size
<p>Switches come in two sizes.</p>
`
null,
<code>false</code>,
'error state flag'
]),
PropTypes.row([
'labelAlign',
PropTypes.union(Switch.labelAligns),
null,
<code>right</code>,
<span>
label position (from <code>Switch.labelAligns</code>)
</span>
]),
PropTypes.row([
'size',
PropTypes.union(Switch.sizes),
null,
<code>large</code>,
<span>
switch size (from <code>Switch.sizes</code>)
</span>
])
]}
/>
In-app Example
<p>
There is no internal state for the switch component. The containing app
will take care of how it maintains and changes the state of the Switch
with the <code>checked</code> and <code>onClick</code> props.
</p>
'disabled',
'boolean',
null,
<code>false</code>,
'standard input disable flag'
]),
PropTypes.row([
'error',
'boolean',
null,
<code>false</code>,
'error state flag'
]),
PropTypes.row([
'labelAlign',
PropTypes.union(Switch.labelAligns),
null,
<code>right</code>,
<span>
label position (from <code>Switch.labelAligns</code>)
</span>
]),
PropTypes.row([
'size',
PropTypes.union(Switch.sizes),
null,
<code>large</code>,
<span>
switch size (from <code>Switch.sizes</code>)
</span>
])
]}