mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 10:21:05 +00:00
f4a3646cb4* feat(modal): support 3-button modal #528, #472 * fix(modal): "supercede" --> "supersede" * test(modal): test secondaryButtons prop, updated click:button--secondary custom event * docs(modal): add multiple secondary button example for ComposedModal * docs(modal): rename example * fix(modal): do not render secondary button if secondaryButtonText is falsy * docs(composed-modal): add button to re-open modal
52 lines
1.1 KiB
TypeScript
52 lines
1.1 KiB
TypeScript
/// <reference types="svelte" />
|
|
import { SvelteComponentTyped } from "svelte";
|
|
|
|
export interface ModalFooterProps
|
|
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
|
|
/**
|
|
* Specify the primary button text
|
|
* @default ""
|
|
*/
|
|
primaryButtonText?: string;
|
|
|
|
/**
|
|
* Set to `true` to disable the primary button
|
|
* @default false
|
|
*/
|
|
primaryButtonDisabled?: boolean;
|
|
|
|
/**
|
|
* Specify a class for the primary button
|
|
*/
|
|
primaryClass?: string;
|
|
|
|
/**
|
|
* Specify the secondary button text
|
|
* @default ""
|
|
*/
|
|
secondaryButtonText?: string;
|
|
|
|
/**
|
|
* 2-tuple prop to render two secondary buttons for a 3 button modal
|
|
* supersedes `secondaryButtonText`
|
|
* @default []
|
|
*/
|
|
secondaryButtons?: [{ text: string }, { text: string }];
|
|
|
|
/**
|
|
* Specify a class for the secondary button
|
|
*/
|
|
secondaryClass?: string;
|
|
|
|
/**
|
|
* Set to `true` to use the danger variant
|
|
* @default false
|
|
*/
|
|
danger?: boolean;
|
|
}
|
|
|
|
export default class ModalFooter extends SvelteComponentTyped<
|
|
ModalFooterProps,
|
|
{ ["click:button--secondary"]: CustomEvent<{ text: string }> },
|
|
{ default: {} }
|
|
> {}
|