UNPKG

2.3 kBTypeScriptView Raw
1import * as React from 'react';
2import { ToolbarGroupProps } from './ToolbarGroup';
3export interface ToolbarToggleGroupProps extends ToolbarGroupProps {
4 /** An icon to be rendered when the toggle group has collapsed down */
5 toggleIcon: React.ReactNode;
6 /** Controls when filters are shown and when the toggle button is hidden. */
7 breakpoint: 'md' | 'lg' | 'xl' | '2xl';
8 /** Visibility at various breakpoints. */
9 visibility?: {
10 default?: 'hidden' | 'visible';
11 md?: 'hidden' | 'visible';
12 lg?: 'hidden' | 'visible';
13 xl?: 'hidden' | 'visible';
14 '2xl'?: 'hidden' | 'visible';
15 };
16 /** @deprecated prop misspelled */
17 visiblity?: {
18 default?: 'hidden' | 'visible';
19 md?: 'hidden' | 'visible';
20 lg?: 'hidden' | 'visible';
21 xl?: 'hidden' | 'visible';
22 '2xl'?: 'hidden' | 'visible';
23 };
24 /** Alignment at various breakpoints. */
25 alignment?: {
26 default?: 'alignRight' | 'alignLeft';
27 md?: 'alignRight' | 'alignLeft';
28 lg?: 'alignRight' | 'alignLeft';
29 xl?: 'alignRight' | 'alignLeft';
30 '2xl'?: 'alignRight' | 'alignLeft';
31 };
32 /** Spacers at various breakpoints. */
33 spacer?: {
34 default?: 'spacerNone' | 'spacerSm' | 'spacerMd' | 'spacerLg';
35 md?: 'spacerNone' | 'spacerSm' | 'spacerMd' | 'spacerLg';
36 lg?: 'spacerNone' | 'spacerSm' | 'spacerMd' | 'spacerLg';
37 xl?: 'spacerNone' | 'spacerSm' | 'spacerMd' | 'spacerLg';
38 '2xl'?: 'spacerNone' | 'spacerSm' | 'spacerMd' | 'spacerLg';
39 };
40 /** Space items at various breakpoints. */
41 spaceItems?: {
42 default?: 'spaceItemsNone' | 'spaceItemsSm' | 'spaceItemsMd' | 'spaceItemsLg';
43 md?: 'spaceItemsNone' | 'spaceItemsSm' | 'spaceItemsMd' | 'spaceItemsLg';
44 lg?: 'spaceItemsNone' | 'spaceItemsSm' | 'spaceItemsMd' | 'spaceItemsLg';
45 xl?: 'spaceItemsNone' | 'spaceItemsSm' | 'spaceItemsMd' | 'spaceItemsLg';
46 '2xl'?: 'spaceItemsNone' | 'spaceItemsSm' | 'spaceItemsMd' | 'spaceItemsLg';
47 };
48}
49export declare class ToolbarToggleGroup extends React.Component<ToolbarToggleGroupProps> {
50 static displayName: string;
51 isContentPopup: () => boolean;
52 render(): JSX.Element;
53}
54//# sourceMappingURL=ToolbarToggleGroup.d.ts.map
\No newline at end of file