Paragraph Element

PreviousNext

A paragraph block with background color support.

Preview

Loading preview…
registry/ui/paragraph-node.tsx
'use client';

import * as React from 'react';

import type { PlateElementProps } from 'platejs/react';

import { PlateElement } from 'platejs/react';

import { cn } from '@/lib/utils';

export function ParagraphElement(props: PlateElementProps) {
  return (
    <PlateElement {...props} className={cn('m-0 px-0 py-1')}>
      {props.children}
    </PlateElement>
  );
}

Installation

npx shadcn@latest add @plate/paragraph-node

Usage

import { ParagraphNode } from "@/components/ui/paragraph-node"
<ParagraphNode />