fluent-svelte-updated
Version:
Forked from https://github.com/vegardlarsen/fluent-svelte. A faithful implementation of Microsoft's Fluent Design System in Svelte.
57 lines (56 loc) • 2.02 kB
TypeScript
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
$$bindings?: Bindings;
} & Exports;
(internal: unknown, props: Props & {
$$events?: Events;
$$slots?: Slots;
}): Exports & {
$set?: any;
$on?: any;
};
z_$$bindings?: Bindings;
}
type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
default: any;
} ? Props extends Record<string, never> ? any : {
children?: any;
} : {});
/**
* The InfoBar control is for displaying app-wide status messages to users that are highly visible yet non-intrusive. There are built-in security levels to easily indicate the type of message shown as well as the option to include your own call to action or hyperlink button. [Docs](https://fluent-svelte.vercel.app/docs/components/infobar)
* - Usage:
* ```tsx
* <InfoBar title="Title" message="Message">
* <Button slot="action">Action</Button>
* </InfoBar>
* ```
*/
declare const InfoBar: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
[x: string]: any;
open?: boolean;
closable?: boolean;
severity?: "information" | "success" | "caution" | "critical" | "attention";
title?: string;
message?: string;
class?: string;
element?: HTMLDivElement;
titleElement?: HTMLHeadingElement;
messageElement?: HTMLParagraphElement;
actionElement?: HTMLDivElement;
closeButtonElement?: HTMLButtonElement;
}, {
icon: {};
default: {};
action: {};
}>, {
open: CustomEvent<any>;
close: CustomEvent<any>;
} & {
[evt: string]: CustomEvent<any>;
}, {
icon: {};
default: {};
action: {};
}, {}, string>;
type InfoBar = InstanceType<typeof InfoBar>;
export default InfoBar;