Blockquote Element

PreviousNext

A quote component for block quotes.

Preview

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

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

export function BlockquoteElement(props: PlateElementProps) {
  return (
    <PlateElement
      as="blockquote"
      className="my-1 border-l-2 pl-6 italic"
      {...props}
    />
  );
}

Installation

npx shadcn@latest add @plate/blockquote-node

Usage

import { BlockquoteNode } from "@/components/ui/blockquote-node"
<BlockquoteNode />