fluent-svelte-updated
Version:
Forked from https://github.com/vegardlarsen/fluent-svelte. A faithful implementation of Microsoft's Fluent Design System in Svelte.
63 lines (62 loc) • 2.59 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 TextBox control lets a user type text into an app. The text displays on the screen in a simple, plaintext format on a single line. It additionally comes with a set of buttons which allow users to perform specialized actions on the text, such as showing a password or clearing the TextBox's contents. [Docs](https://fluent-svelte.vercel.app/docs/components/texbox)
* - Usage:
* ```tsx
* <TextBox placeholder="Enter your name." />
* ```
*/
declare const TextBox: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
[x: string]: any;
value?: any;
type?: "number" | "text" | "search" | "password" | "email" | "tel" | "url" | "date" | "datetime-local" | "month" | "time" | "week";
placeholder?: string;
clearButton?: boolean;
searchButton?: boolean;
revealButton?: boolean;
readonly?: boolean;
disabled?: boolean;
class?: string;
inputElement?: HTMLInputElement;
containerElement?: HTMLDivElement;
buttonsContainerElement?: HTMLDivElement;
clearButtonElement?: HTMLButtonElement;
searchButtonElement?: HTMLButtonElement;
revealButtonElement?: HTMLButtonElement;
}, {
buttons: {
value: any;
};
default: {};
}>, {
outermousedown: Event | MouseEvent | UIEvent | PointerEvent | AnimationEvent | InputEvent | ToggleEvent | FocusEvent | CompositionEvent | ClipboardEvent | DragEvent | ErrorEvent | FormDataEvent | KeyboardEvent | ProgressEvent<EventTarget> | SecurityPolicyViolationEvent | SubmitEvent | TouchEvent | TransitionEvent | WheelEvent;
clear: CustomEvent<any>;
search: CustomEvent<any>;
reveal: CustomEvent<any>;
} & {
[evt: string]: CustomEvent<any>;
}, {
buttons: {
value: any;
};
default: {};
}, {}, string>;
type TextBox = InstanceType<typeof TextBox>;
export default TextBox;