m3-svelte
Version:
M3 Svelte implements the Material 3 design system in Svelte. See the [website](https://ktibow.github.io/m3-svelte/) for demos and usage instructions.
49 lines (48 loc) • 2.04 kB
TypeScript
import type { HTMLButtonAttributes } from "svelte/elements";
import type { IconifyIcon } from "@iconify/types";
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;
} : {});
declare const Chip: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
display?: string;
extraOptions?: HTMLButtonAttributes;
/**
* general is filter/suggestion since they're the same.
* | name | use | example | phrasing |
* |------------|------------------|-------------------------------|--------------------|
* | input | information item | like a person in the to field | user-entered thing |
* | assist | smart actions | like add to calendar | start with a verb |
* | filter | selection | like in a search page | category |
* | suggestion | smart actions | like a chat response | query/message |
*/ type: "input" | "assist" | "general";
icon?: IconifyIcon | null;
trailingIcon?: IconifyIcon | null;
elevated?: boolean;
disabled?: boolean;
selected?: boolean;
}, {
default: {};
}>, {
click: MouseEvent;
} & {
[evt: string]: CustomEvent<any>;
}, {
default: {};
}, {}, string>;
type Chip = InstanceType<typeof Chip>;
export default Chip;