Blockquote Element

plate/blockquote-node

FreeComponent

A quote component for block quotes.

Live preview

live · rendered by the registry

Rendered by plate on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://platejs.org/r/blockquote-node.json

Source

src/registry/ui/blockquote-node.tsxplatejs.org/r/blockquote-node.json

1'use client';
2 
3import { type PlateElementProps, PlateElement } from 'platejs/react';
4 
5export function BlockquoteElement(props: PlateElementProps) {
6  return (
7    <PlateElement
8      as="blockquote"
9      className="my-1 border-l-2 pl-6 italic"
10      {...props}
11    />
12  );
13}

Files it writes

src/registry/ui/blockquote-node.tsx
src/registry/ui/blockquote-node-static.tsx

More from plate

All 324 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
ai-kitai-kit	plate	Components	Free	1 dep
AI Menuai-menu	plate	Components	Free	5 deps · 2 files
AI Leafai-node	plate	Components	Free	no deps
AI Toolbar Buttonai-toolbar-button	plate	Components	Free	1 dep
align-base-kitalign-base-kit	plate	Components	Free	1 dep
align-kitalign-kit	plate	Components	Free	1 dep
Align Toolbar Buttonalign-toolbar-button	plate	Components	Free	1 dep
autoformat-classic-kitautoformat-classic-kit	plate	Components	Free	2 deps