UNPKG

@mui/material

Version:

Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.

mui.com/material-ui/

mui/material-ui

62 lines • 2.72 kB
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
export interface ButtonClasses { /** Styles applied to the root element. */ root: string; /** Styles applied to the root element if `variant="text"`. */ text: string; /** Styles applied to the root element if `variant="outlined"`. */ outlined: string; /** Styles applied to the root element if `variant="contained"`. */ contained: string; /** Styles applied to the root element if `disableElevation={true}`. */ disableElevation: string; /** State class applied to the ButtonBase root element if the button is keyboard focused. */ focusVisible: string; /** State class applied to the root element if `disabled={true}`. */ disabled: string; /** Styles applied to the root element if `color="inherit"`. */ colorInherit: string; /** Styles applied to the root element if `size="small"`. */ sizeSmall: string; /** Styles applied to the root element if `size="medium"`. */ sizeMedium: string; /** Styles applied to the root element if `size="large"`. */ sizeLarge: string; /** Styles applied to the root element if `fullWidth={true}`. */ fullWidth: string; /** Styles applied to the icon element if supplied */ icon: string; /** Styles applied to the startIcon element if supplied. */ startIcon: string; /** Styles applied to the endIcon element if supplied. */ endIcon: string; /** Styles applied to the root element if `color="primary"`. */ colorPrimary: string; /** Styles applied to the root element if `color="secondary"`. */ colorSecondary: string; /** Styles applied to the root element if `color="success"`. */ colorSuccess: string; /** Styles applied to the root element if `color="error"`. */ colorError: string; /** Styles applied to the root element if `color="info"`. */ colorInfo: string; /** Styles applied to the root element if `color="warning"`. */ colorWarning: string; /** Styles applied to the root element if `loading={true}`. */ loading: string; /** Styles applied to the loadingWrapper element. */ loadingWrapper: string; /** Styles applied to the loadingIconPlaceholder element. */ loadingIconPlaceholder: string; /** Styles applied to the loadingIndicator element. */ loadingIndicator: string; /** Styles applied to the root element if `loadingPosition="center"`. */ loadingPositionCenter: string; /** Styles applied to the root element if `loadingPosition="start"`. */ loadingPositionStart: string; /** Styles applied to the root element if `loadingPosition="end"`. */ loadingPositionEnd: string; } export type ButtonClassKey = keyof ButtonClasses; export declare function getButtonUtilityClass(slot: string): string; declare const buttonClasses: ButtonClasses; export default buttonClasses;