28 lines
762 B
Svelte
28 lines
762 B
Svelte
<script lang="ts">
|
|
import { List } from 'lucide-svelte';
|
|
import { type Editor } from '@tiptap/core';
|
|
import * as Tooltip from '$lib/components/ui/tooltip/index.js';
|
|
import { Button } from '$lib/components/ui/button/index.js';
|
|
import { cn } from '$lib/utils/utils.js';
|
|
|
|
let { editor }: { editor: Editor } = $props();
|
|
</script>
|
|
|
|
<Tooltip.Provider>
|
|
<Tooltip.Root>
|
|
<Tooltip.Trigger>
|
|
<Button
|
|
variant="ghost"
|
|
size="icon"
|
|
class={cn('size-8', editor.isActive('bulletList') && 'bg-muted')}
|
|
onclick={() => editor.chain().focus().toggleBulletList().run()}
|
|
>
|
|
<List />
|
|
</Button>
|
|
</Tooltip.Trigger>
|
|
<Tooltip.Content>
|
|
<p>Bullet List (⌘⇧8)</p>
|
|
</Tooltip.Content>
|
|
</Tooltip.Root>
|
|
</Tooltip.Provider>
|