carbon-components-svelte
Version:
Svelte implementation of the Carbon Design System
42 lines (33 loc) • 933 B
TypeScript
import { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";
type $RestProps = SvelteHTMLElements["div"];
type $Props = {
/**
* Specify the toggle size.
* @default "default"
*/
size?: "default" | "sm";
/**
* Specify the label text
* @default ""
*/
labelText?: string;
/**
* Set an id for the input element
* @default `ccs-${Math.random().toString(36)}`
*/
id?: string;
labelChildren?: (this: void) => void;
[key: `data-${string}`]: unknown;
};
export type ToggleSkeletonProps = Omit<$RestProps, keyof $Props> & $Props;
export default class ToggleSkeleton extends SvelteComponentTyped<
ToggleSkeletonProps,
{
click: WindowEventMap["click"];
mouseenter: WindowEventMap["mouseenter"];
mouseleave: WindowEventMap["mouseleave"];
mouseover: WindowEventMap["mouseover"];
},
{ labelChildren: Record<string, never> }
> {}