🚀 BlockNote AI is here! Access the early preview.
BlockNote Docs/Features/Built-in Blocks/Typography

Typography

Typography blocks are fundamental elements for displaying text content in your documents. BlockNote supports various typography blocks to help you structure and format your content effectively.

Paragraph

Type & Props

type ParagraphBlock = {
  id: string;
  type: "paragraph";
  props: DefaultProps;
  content: InlineContent[];
  children: Block[];
};

Heading

Type & Props

type HeadingBlock = {
  id: string;
  type: "heading";
  props: {
    level: 1 | 2 | 3 = 1;
  } & DefaultProps;
  content: InlineContent[];
  children: Block[];
};

level: The heading level, representing a title (level: 1), heading (level: 2), and subheading (level: 3).

Quote

Type & Props

type QuoteBlock = {
  id: string;
  type: "quote";
  props: DefaultProps;
  content: InlineContent[];
  children: Block[];
};