UNPKG

1.72 kBTypeScriptView Raw
1import * as React from 'react';
2export declare enum DividerVariant {
3 hr = "hr",
4 li = "li",
5 div = "div"
6}
7export interface DividerProps extends React.HTMLProps<HTMLElement> {
8 /** Additional classes added to the divider */
9 className?: string;
10 /** The component type to use */
11 component?: 'hr' | 'li' | 'div';
12 /** @deprecated Use `orientation` instead. Flag to indicate the divider is vertical (must be in a flex layout) */
13 isVertical?: boolean;
14 /** Insets at various breakpoints. */
15 inset?: {
16 default?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
17 sm?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
18 md?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
19 lg?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
20 xl?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
21 '2xl'?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
22 };
23 /** Indicates how the divider will display at various breakpoints. Vertical divider must be in a flex layout. */
24 orientation?: {
25 default?: 'vertical' | 'horizontal';
26 sm?: 'vertical' | 'horizontal';
27 md?: 'vertical' | 'horizontal';
28 lg?: 'vertical' | 'horizontal';
29 xl?: 'vertical' | 'horizontal';
30 '2xl'?: 'vertical' | 'horizontal';
31 };
32}
33export declare const Divider: React.FunctionComponent<DividerProps>;
34//# sourceMappingURL=Divider.d.ts.map
\No newline at end of file