1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
/// <reference types="react" />
export declare enum DividerVariant {
hr = "hr",
li = "li",
div = "div"
}
export interface DividerProps extends React.HTMLProps<HTMLElement> {
/** Additional classes added to the divider */
className?: string;
/** The component type to use */
component?: 'hr' | 'li' | 'div';
/** Insets at various breakpoints. */
inset?: {
default?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
sm?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
md?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
lg?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
xl?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
'2xl'?: 'insetNone' | 'insetXs' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl' | 'inset3xl';
};
/** Indicates how the divider will display at various breakpoints. Vertical divider must be in a flex layout. */
orientation?: {
default?: 'vertical' | 'horizontal';
sm?: 'vertical' | 'horizontal';
md?: 'vertical' | 'horizontal';
lg?: 'vertical' | 'horizontal';
xl?: 'vertical' | 'horizontal';
'2xl'?: 'vertical' | 'horizontal';
};
/** The ARIA role of the divider when the component property has a value other than "hr". */
role?: 'separator' | 'presentation';
}
export declare const Divider: React.FunctionComponent<DividerProps>;
//# sourceMappingURL=Divider.d.ts.map
|
