How to use the @instructure/ui-options.Options.Item function in @instructure/ui-options
To help you get started, we’ve selected a few @instructure/ui-options 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.
instructure / instructure-ui / packages / ui-select / src / Select / index.js View on Github 
const { getOptionProps, getDisabledOptionProps } = data
const {
id,
isDisabled,
isHighlighted,
isSelected,
renderBeforeLabel,
renderAfterLabel,
children
} = option.props
let optionProps = {
// passthrough props
...omitProps(option.props, {
...Option.propTypes,
...Options.Item.propTypes
}),
// props from selectable
...getOptionProps({ id }),
// Options.Item props
renderBeforeLabel,
renderAfterLabel
}
// should option be treated as highlighted or selected
if (isSelected) {
optionProps.variant = 'selected'
} else if (isHighlighted) {
optionProps.variant = 'highlighted'
}
// should option be treated as disabled
if (isDisabled) {
optionProps.variant = 'disabled'@instructure/ui-options
A view-only component for composing interactive lists and menus.
