mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 10:21:05 +00:00
7fdc2ef7f0* chore(deps-dev): upgrade `sveld` to v0.18.1 * Run "yarn build:docs" * test: assert that `data-*` attributes are valid
62 lines
1.3 KiB
TypeScript
62 lines
1.3 KiB
TypeScript
/// <reference types="svelte" />
|
|
import type { SvelteComponentTyped } from "svelte";
|
|
|
|
export interface ModalFooterProps
|
|
extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
|
|
/**
|
|
* Specify the primary button text
|
|
* @default ""
|
|
*/
|
|
primaryButtonText?: string;
|
|
|
|
/**
|
|
* Specify the primary button icon
|
|
* @default undefined
|
|
*/
|
|
primaryButtonIcon?: typeof import("svelte").SvelteComponent;
|
|
|
|
/**
|
|
* Set to `true` to disable the primary button
|
|
* @default false
|
|
*/
|
|
primaryButtonDisabled?: boolean;
|
|
|
|
/**
|
|
* Specify a class for the primary button
|
|
* @default undefined
|
|
*/
|
|
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
|
|
* @default undefined
|
|
*/
|
|
secondaryClass?: string;
|
|
|
|
/**
|
|
* Set to `true` to use the danger variant
|
|
* @default false
|
|
*/
|
|
danger?: boolean;
|
|
|
|
[key: `data-${string}`]: any;
|
|
}
|
|
|
|
export default class ModalFooter extends SvelteComponentTyped<
|
|
ModalFooterProps,
|
|
{ ["click:button--secondary"]: CustomEvent<{ text: string }> },
|
|
{ default: {} }
|
|
> {}
|