diff --git a/apps/docs/content/docs/components/forms/combobox-field.mdx b/apps/docs/content/docs/components/forms/combobox-field.mdx index a4dc4fa6..605a6c37 100644 --- a/apps/docs/content/docs/components/forms/combobox-field.mdx +++ b/apps/docs/content/docs/components/forms/combobox-field.mdx @@ -55,6 +55,13 @@ Use `ComboboxSection` to group related static options. +## Size + +Use `size` to set the control height and typography. Use `small` in compact layouts. `medium` is the +default. + + + ## Async results Pass `items` and `loadingState` when results load or filter asynchronously. If the list is empty diff --git a/apps/docs/src/examples/combobox-field/sizes.tsx b/apps/docs/src/examples/combobox-field/sizes.tsx new file mode 100644 index 00000000..57e02c54 --- /dev/null +++ b/apps/docs/src/examples/combobox-field/sizes.tsx @@ -0,0 +1,37 @@ +import { Box } from '@luke-ui/react/box'; +import { ComboboxField } from '@luke-ui/react/combobox-field'; +import { ComboboxItem } from '@luke-ui/react/primitives/combobox'; + +type Fruit = { id: string; label: string }; + +const fruits: Array = [ + { id: 'apple', label: 'Apple' }, + { id: 'orange', label: 'Orange' }, + { id: 'banana', label: 'Banana' }, + { id: 'grape', label: 'Grape' }, +]; + +export default () => { + return ( + + + {(item) => {item.label}} + + + {(item) => {item.label}} + + + ); +}; diff --git a/packages/@luke-ui/react/src/checkbox/checkbox.tsx b/packages/@luke-ui/react/src/checkbox/checkbox.tsx index ddeb9338..22249447 100644 --- a/packages/@luke-ui/react/src/checkbox/checkbox.tsx +++ b/packages/@luke-ui/react/src/checkbox/checkbox.tsx @@ -38,7 +38,7 @@ interface _CheckboxProps extends _CheckboxOmit { * callback ref (what form libraries hand out) is accepted too. */ inputRef?: Ref; - /** Whether the checkbox is unavailable. */ + /** Whether the checkbox is disabled. */ isDisabled?: PrimitiveCheckboxProps['isDisabled']; /** Whether the checkbox displays a mixed selection state. */ isIndeterminate?: PrimitiveCheckboxProps['isIndeterminate']; diff --git a/packages/@luke-ui/react/src/loading-spinner/loading-spinner.tsx b/packages/@luke-ui/react/src/loading-spinner/loading-spinner.tsx index d984b399..8db633a7 100644 --- a/packages/@luke-ui/react/src/loading-spinner/loading-spinner.tsx +++ b/packages/@luke-ui/react/src/loading-spinner/loading-spinner.tsx @@ -19,7 +19,10 @@ interface LoadingSpinnerVariantProps extends NonNullable