claritykit-svelte
Version:
A comprehensive Svelte component library focused on accessibility, ADHD-optimized design, developer experience, and full SSR compatibility
46 lines • 1.75 kB
TypeScript
import type { Editor } from '@tiptap/core';
type $$ComponentProps = {
editor: Editor;
excludedCommands?: string[];
compact?: boolean;
variant?: 'default' | 'bubble' | 'floating';
class?: string;
};
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;
}
/**
* RichTextToolbar
*
* A comprehensive toolbar for rich text editing that integrates with Edra/TipTap editors.
* Uses enhanced Tooltip and Popover components for ADHD-friendly interactions.
*
* @prop {Editor} editor - The TipTap editor instance
* @prop {string[]} [excludedCommands] - Commands to exclude from the toolbar
* @prop {boolean} [compact=false] - Whether to use compact layout
* @prop {string} [variant='default'] - Toolbar variant (default, bubble, floating)
* @prop {string} [class] - Additional CSS classes
*
* @event command - Fired when a command is executed
*/
declare const RichTextToolbar: $$__sveltets_2_IsomorphicComponent<$$ComponentProps, {
command: CustomEvent<{
command: string;
args?: any;
}>;
} & {
[evt: string]: CustomEvent<any>;
}, {}, {}, "">;
type RichTextToolbar = InstanceType<typeof RichTextToolbar>;
export default RichTextToolbar;
//# sourceMappingURL=RichTextToolbar.svelte.d.ts.map