@heroui/listbox
Version:
A listbox displays a list of options and allows a user to select one or more of them.
39 lines (36 loc) • 1.16 kB
TypeScript
import * as _heroui_system from '@heroui/system';
import { Node } from '@react-types/shared';
import { ListState } from '@react-stately/list';
import { ListboxItemProps } from './listbox-item.js';
import { ListboxSectionBaseProps } from './base/listbox-section-base.js';
import 'react/jsx-runtime';
import './use-listbox-item.js';
import './base/listbox-item-base.js';
import '@heroui/theme';
import '@react-aria/listbox';
import '@heroui/aria-utils';
import 'react';
import 'tailwind-variants';
import '@heroui/divider';
interface ListboxSectionProps<T extends object = object> extends ListboxSectionBaseProps {
item: Node<T>;
state: ListState<T>;
/**
* The listbox items variant.
*/
variant?: ListboxItemProps["variant"];
/**
* The listbox items color.
*/
color?: ListboxItemProps["color"];
/**
* Whether to disable the items animation.
* @default false
*/
disableAnimation?: boolean;
}
/**
* @internal
*/
declare const ListboxSection: _heroui_system.InternalForwardRefRenderFunction<"li", ListboxSectionProps<object>, never>;
export { type ListboxSectionProps, ListboxSection as default };