svelte-ux
Version:
A large collection of Svelte components, actions, stores and utils to simplify creating highly interactive and visual applications. Built using Tailwind with extensibility and customization in mind.
91 lines (90 loc) • 3.42 kB
TypeScript
import { SvelteComponentTyped } from "svelte";
import type { AriaRole } from 'svelte/elements';
import { type Actions } from '@layerstack/svelte-actions';
import { type LabelPlacement } from '../types/index.js';
import { type IconInput } from '../utils/icons.js';
declare const __propDef: {
props: {
[x: string]: any;
name?: string | undefined | undefined;
label?: string | undefined;
labelPlacement?: LabelPlacement | undefined;
value?: ((string | number) | {
[operator: string]: (string | number) | null;
} | null) | undefined;
type?: "text" | "password" | "integer" | "decimal" | "currency" | "percent" | "search" | "email" | undefined;
placeholder?: string | undefined | undefined;
error?: string | string[] | boolean | undefined | undefined;
hint?: string | undefined;
autocomplete?: HTMLTextAreaElement["autocomplete"] | undefined;
multiline?: boolean | undefined;
required?: boolean | undefined;
disabled?: boolean | undefined;
clearable?: boolean | undefined;
base?: boolean | undefined;
rounded?: boolean | undefined;
dense?: boolean | undefined;
icon?: IconInput;
iconRight?: IconInput;
align?: "left" | "center" | "right" | undefined;
autofocus?: boolean | {
restoreFocus?: boolean;
delay?: number;
disabled?: boolean;
} | undefined;
actions?: Actions<HTMLInputElement | HTMLTextAreaElement> | undefined;
operators?: {
label: string;
value: string;
}[] | undefined | undefined;
inputEl?: (HTMLInputElement | HTMLTextAreaElement | null) | undefined;
debounceChange?: boolean | number | undefined;
classes?: {
root?: string;
container?: string;
label?: string;
input?: string;
error?: string;
prepend?: string;
append?: string;
} | undefined;
mask?: string | undefined | undefined;
replace?: string | undefined | undefined;
accept?: string | RegExp | undefined;
autocapitalize?: "none" | "characters" | "off" | "on" | "sentences" | "words" | null | undefined;
role?: AriaRole | undefined;
min?: number | undefined | undefined;
max?: number | undefined | undefined;
step?: number | undefined | undefined;
id?: string | undefined;
};
events: {
click: MouseEvent;
focus: FocusEvent;
blur: CustomEvent<any> | FocusEvent;
keydown: KeyboardEvent;
keypress: KeyboardEvent;
clear: CustomEvent<null>;
change: CustomEvent<{
value: (string | number) | {
[operator: string]: (string | number) | null;
} | null;
inputValue: (string | number) | null;
operator?: string;
}>;
} & {
[evt: string]: CustomEvent<any>;
};
slots: {
prepend: {};
prefix: {};
suffix: {};
append: {};
};
};
export type TextFieldProps = typeof __propDef.props;
export type TextFieldEvents = typeof __propDef.events;
export type TextFieldSlots = typeof __propDef.slots;
export default class TextField extends SvelteComponentTyped<TextFieldProps, TextFieldEvents, TextFieldSlots> {
}
export {};