@mui/joy/ListDivider/ListDividerProps.d.ts

Joy UI is an open-source React component library that implements MUI's own design principles. It's comprehensive and can be used in production out of the box.

import * as React from 'react';
import { OverridableStringUnion, OverrideProps } from '@mui/types';
import { SxProps } from '../styles/types';
import { SlotProps, CreateSlotsAndSlotProps } from '../utils/types';
export type ListDividerSlot = 'root';
export interface ListDividerSlots {
    /**
     * The component that renders the root.
     * @default 'li'
     */
    root?: React.ElementType;
}
export type ListDividerSlotsAndSlotProps = CreateSlotsAndSlotProps<ListDividerSlots, {
    root: SlotProps<'li', {}, ListDividerOwnerState>;
}>;
export interface ListDividerInsetOverrides {
}
export interface ListDividerTypeMap<P = {}, D extends React.ElementType = 'li'> {
    props: P & {
        /**
         * The content of the component.
         */
        children?: React.ReactNode;
        /**
         * The empty space on the side(s) of the divider in a vertical list.
         *
         * For horizontal list (the nearest parent List has `row` prop set to `true`), only `inset="gutter"` affects the list divider.
         * @default 'context'
         */
        inset?: OverridableStringUnion<'context' | 'gutter' | 'startDecorator' | 'startContent', ListDividerInsetOverrides>;
        /**
         * The component orientation.
         * @default 'horizontal'
         */
        orientation?: 'horizontal' | 'vertical';
        /**
         * The system prop that allows defining system overrides as well as additional CSS styles.
         */
        sx?: SxProps;
    } & ListDividerSlotsAndSlotProps;
    defaultComponent: D;
}
export type ListDividerProps<D extends React.ElementType = ListDividerTypeMap['defaultComponent'], P = {
    component?: React.ElementType;
}> = OverrideProps<ListDividerTypeMap<P, D>, D>;
export interface ListDividerOwnerState extends ListDividerProps {
    /**
     * @internal
     * The internal prop for controlling CSS margin of the element.
     */
    'data-first-child'?: boolean;
    /**
     * @internal
     * The divider is wrapped by a horizontal list.
     */
    row: boolean;
}