@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
24 lines (23 loc) • 917 B
JavaScript
import React from 'react';
import { createContainer } from '@workday/canvas-kit-react/common';
import { useComboboxModel } from './hooks/useComboboxModel';
import { ComboboxInput } from './ComboboxInput';
import { ComboboxMenu } from './ComboboxMenu';
export const Combobox = createContainer()({
displayName: 'Combobox',
modelHook: useComboboxModel,
subComponents: {
/**
* The input of the `Combobox`. This element will have `role="combobox"` applied, along with
* `aria-haspopup="true"`
*/
Input: ComboboxInput,
/**
* A custom {@link Menu} component that uses `aria-activedescendant` instead of roving tab index
* to keep the focus on the {@link ComboboxInput Combobox.Input}.
*/
Menu: ComboboxMenu,
},
})(({ children }, _, model) => {
return React.createElement(ComboboxMenu, { model: model }, children);
});