fluent-svelte-updated
Version:
Forked from https://github.com/vegardlarsen/fluent-svelte. A faithful implementation of Microsoft's Fluent Design System in Svelte.
45 lines (44 loc) • 1.64 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;
} : {});
/**
* An Icon Button is a clickable control that triggers an immediate action. Unlike the Button control, it serves the purpose of encapsulating an icon glyph as it’s content. [Docs](https://fluent-svelte.vercel.app/docs/components/iconbutton)
* - Usage:
* ```tsx
* <IconButton>
* <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
* <path d="M8 14A6 6 0 108 2a6 6 0 000 12zm0-1A5 5 0 118 3a5 5 0 010 10z" />
* </svg>
* </IconButton>
* ```
*/
declare const IconButton: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
[x: string]: any;
href?: string;
disabled?: boolean;
class?: string;
element?: HTMLElement;
}, {
default: {};
}>, {
[evt: string]: CustomEvent<any>;
}, {
default: {};
}, {}, string>;
type IconButton = InstanceType<typeof IconButton>;
export default IconButton;