block-placeholder-kit

1'use client';
2 
3import { KEYS } from 'platejs';
4import { BlockPlaceholderPlugin } from 'platejs/react';
5 
6export const BlockPlaceholderKit = [
7  BlockPlaceholderPlugin.configure({
8    options: {
9      className:
10        'before:absolute before:cursor-text before:text-muted-foreground/80 before:content-[attr(placeholder)]',
11      placeholders: {
12        [KEYS.p]: 'Type something...',
13      },
14      query: ({ path }) => path.length === 1,
15    },
16  }),
17];