Spaces:
Sleeping
Sleeping
File size: 2,434 Bytes
56fda74 |
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 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 |
import * as React from 'react';
import { OverridableStringUnion } from '@mui/types';
import { SxProps } from '@mui/system';
import { Theme } from '..';
import { OverridableComponent, OverrideProps } from '../OverridableComponent';
import { DividerClasses } from './dividerClasses';
export interface DividerPropsVariantOverrides {}
export interface DividerOwnProps {
/**
* Absolutely position the element.
* @default false
*/
absolute?: boolean;
/**
* The content of the component.
*/
children?: React.ReactNode;
/**
* Override or extend the styles applied to the component.
*/
classes?: Partial<DividerClasses>;
/**
* If `true`, a vertical divider will have the correct height when used in flex container.
* (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
* @default false
*/
flexItem?: boolean;
/**
* If `true`, the divider will have a lighter color.
* @default false
* @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. [How to migrate](/material-ui/migration/migrating-from-deprecated-apis/)
*/
light?: boolean;
/**
* The component orientation.
* @default 'horizontal'
*/
orientation?: 'horizontal' | 'vertical';
/**
* The system prop that allows defining system overrides as well as additional CSS styles.
*/
sx?: SxProps<Theme>;
/**
* The text alignment.
* @default 'center'
*/
textAlign?: 'center' | 'right' | 'left';
/**
* The variant to use.
* @default 'fullWidth'
*/
variant?: OverridableStringUnion<'fullWidth' | 'inset' | 'middle', DividerPropsVariantOverrides>;
}
export interface DividerTypeMap<
AdditionalProps = {},
RootComponent extends React.ElementType = 'hr',
> {
props: AdditionalProps & DividerOwnProps;
defaultComponent: RootComponent;
}
/**
*
* Demos:
*
* - [Divider](https://mui.com/material-ui/react-divider/)
* - [Lists](https://mui.com/material-ui/react-list/)
*
* API:
*
* - [Divider API](https://mui.com/material-ui/api/divider/)
*/
declare const Divider: OverridableComponent<DividerTypeMap>;
export type DividerProps<
RootComponent extends React.ElementType = DividerTypeMap['defaultComponent'],
AdditionalProps = {},
> = OverrideProps<DividerTypeMap<AdditionalProps, RootComponent>, RootComponent> & {
component?: React.ElementType;
};
export default Divider;
|