@mantine/core/lib/components/Splitter/SplitterPane/SplitterPane.d.ts

React components library focused on usability, accessibility and developer experience

import type { SplitterPaneSize } from '@mantine/hooks';
import { BoxProps, CompoundStylesApiProps, ElementProps, Factory } from '../../../core';
export type SplitterPaneStylesNames = 'pane';
export interface SplitterPaneProps extends BoxProps, CompoundStylesApiProps<SplitterPaneFactory>, ElementProps<'div'> {
    /** Initial size, a `number`/`%` is a flexible size (shares leftover space), `px`/`rem` is a fixed size. A bare number is treated as a percentage. */
    defaultSize: SplitterPaneSize;
    /** Minimum size in the same units as `defaultSize` @default 0 */
    min?: SplitterPaneSize;
    /** Maximum size in the same units as `defaultSize`, no limit by default */
    max?: SplitterPaneSize;
    /** Whether this pane can be collapsed @default false */
    collapsible?: boolean;
    /** Size below which the pane snaps to collapsed, defaults to `min` */
    collapseThreshold?: SplitterPaneSize;
    /** Pane content */
    children?: React.ReactNode;
    /** @internal Index set by parent */
    __index?: number;
}
export type SplitterPaneFactory = Factory<{
    props: SplitterPaneProps;
    ref: HTMLDivElement;
    stylesNames: SplitterPaneStylesNames;
    compound: true;
}>;
export declare const SplitterPane: import("../../..").MantineComponent<{
    props: SplitterPaneProps;
    ref: HTMLDivElement;
    stylesNames: SplitterPaneStylesNames;
    compound: true;
}>;