UNPKG

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
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;