| 1 | import * as React from "react";
|
| 2 | import type { HTMLDivProps, Props } from "../../common/props";
|
| 3 | export interface DialogFooterProps extends Props, HTMLDivProps {
|
| 4 | /** Dialog actions (typically buttons) are rendered on the right side of the footer. */
|
| 5 | actions?: React.ReactNode;
|
| 6 | /** Child contents are rendered on the left side of the footer. */
|
| 7 | children?: React.ReactNode;
|
| 8 | /**
|
| 9 | * Use a "minimal" appearance for the footer, simply applying an HTML role and
|
| 10 | * some visual padding. This is useful for small dialogs, and should not be used
|
| 11 | * with `<DialogBody useOverflowScrollContainer>`.
|
| 12 | *
|
| 13 | * Note that this is the default behavior when using the CSS API, since that's
|
| 14 | * how the `-dialog-footer` class was first introduced, so these styles are
|
| 15 | * applied without a "modifier" class.
|
| 16 | *
|
| 17 | * When using the JS component API, `minimal` is false by default.
|
| 18 | *
|
| 19 | * Show the footer close from the content.
|
| 20 | * Do not use with scroll body
|
| 21 | * Use for small dialogs (confirm)
|
| 22 | *
|
| 23 | * @default false;
|
| 24 | */
|
| 25 | minimal?: boolean;
|
| 26 | }
|
| 27 | /**
|
| 28 | * Dialog footer component.
|
| 29 | *
|
| 30 | * @see https://blueprintjs.com/docs/#core/components/dialog.dialog-footer-props
|
| 31 | */
|
| 32 | export declare const DialogFooter: React.FC<DialogFooterProps>;
|