Rich Text Block

Basic

Example:

A Heading

Do tempor laborum veniam cupidatat do deserunt sed fugiat irure anim elit voluptate reprehenderit elit minim mollit in tempor tempor velit voluptate fugiat in non fugiat cupidatat nostrud ullamco voluptate sed nulla cupidatat sunt sit aliquip irure esse mollit dolor ex ut proident est qui nostrud ut occaecat officia fugiat fugiat est sit aliqua consectetur fugiat dolor consequat nostrud duis ut nostrud occaecat nisi nisi mollit anim sit laboris ut do aliqua officia anim in reprehenderit in dolore ut sint dolore incididunt dolore voluptate commodo cupidatat magna nisi laboris ut commodo tempor voluptate elit ea aliqua et ea duis anim sunt in occaecat consectetur adipisicing nisi voluptate cillum duis magna pariatur occaecat do ut irure aliquip mollit anim labore do magna ex officia laborum id incididunt cillum duis aliquip pariatur anim magna enim sint incididunt officia ex velit dolor enim fugiat.

Config:

{
  "content": "<h3>A Heading</h3>\n<p>\n  Do tempor laborum veniam cupidatat do deserunt sed fugiat irure anim elit voluptate reprehenderit elit\n  minim mollit in tempor tempor velit voluptate fugiat in non fugiat cupidatat nostrud ullamco voluptate sed\n  nulla cupidatat sunt sit aliquip irure esse mollit dolor ex ut proident est qui nostrud ut occaecat\n  officia fugiat fugiat est sit aliqua consectetur fugiat dolor consequat nostrud duis ut nostrud occaecat\n  nisi nisi mollit anim sit laboris ut do aliqua officia anim in reprehenderit in dolore ut sint dolore\n  incididunt dolore voluptate commodo cupidatat magna nisi laboris ut commodo tempor voluptate elit ea\n  aliqua et ea duis anim sunt in occaecat consectetur adipisicing nisi voluptate cillum duis magna pariatur\n  occaecat do ut irure aliquip mollit anim labore do magna ex officia laborum id incididunt cillum duis\n  aliquip pariatur anim magna enim sint incididunt officia ex velit dolor enim fugiat.\n</p>\n"
}

With classes

Example:

A Heading

Do tempor laborum veniam cupidatat do deserunt sed fugiat irure anim elit voluptate reprehenderit elit minim mollit in tempor tempor velit voluptate fugiat in non fugiat cupidatat nostrud ullamco voluptate sed nulla cupidatat sunt sit aliquip irure esse mollit dolor ex ut proident est qui nostrud ut occaecat officia fugiat fugiat est sit aliqua consectetur fugiat dolor consequat nostrud duis ut nostrud occaecat nisi nisi mollit anim sit laboris ut do aliqua officia anim in reprehenderit in dolore ut sint dolore incididunt dolore voluptate commodo cupidatat magna nisi laboris ut commodo tempor voluptate elit ea aliqua et ea duis anim sunt in occaecat consectetur adipisicing nisi voluptate cillum duis magna pariatur occaecat do ut irure aliquip mollit anim labore do magna ex officia laborum id incididunt cillum duis aliquip pariatur anim magna enim sint incididunt officia ex velit dolor enim fugiat.

Config:

{
  "className": "p-4 bg-black text-white",
  "content": "<h3>A Heading</h3>\n<p>\n  Do tempor <a>laborum</a> veniam cupidatat do deserunt sed fugiat irure anim elit voluptate reprehenderit elit\n  minim mollit in tempor tempor velit voluptate fugiat in non fugiat cupidatat nostrud ullamco voluptate sed\n  nulla cupidatat sunt sit aliquip irure esse mollit dolor ex ut proident est qui nostrud ut occaecat\n  officia fugiat fugiat est sit aliqua consectetur fugiat dolor consequat nostrud duis ut nostrud occaecat\n  nisi nisi mollit anim sit laboris ut do aliqua officia anim in reprehenderit in dolore ut sint dolore\n  incididunt dolore voluptate commodo cupidatat magna nisi laboris ut commodo tempor voluptate elit ea\n  aliqua et ea duis anim sunt in occaecat consectetur adipisicing nisi voluptate cillum duis magna pariatur\n  occaecat do ut irure aliquip mollit anim labore do magna ex officia laborum id incididunt cillum duis\n  aliquip pariatur anim magna enim sint incididunt officia ex velit dolor enim fugiat.\n</p>\n"
}

Ordered Lists Default

Example:

Two successive U.S. administrations, one from each party, have now stressed the importance of an infrastructure bill.

  • With a unified government, the prospects for federal infrastructure investment are rising.
    • President Biden has laid out a $2 trillion plan to rebuild America’s infrastructure that includes fixing 20,000 miles of roads and over 10,000 bridges, and Speaker Pelosi has committed to moving swiftly on legislation.

Config:

{
  "className": "text-util-lg-regular",
  "content": "<p><strong>Two successive U.S. administrations, one from each party, have now stressed the importance of\nan infrastructure bill.</strong></p>\n<ul>\n  <li>With a unified government, the prospects for federal infrastructure investment are rising.</li>\n  <ul>\n    <li>\n      President Biden has laid out a $2 trillion plan to rebuild America’s infrastructure that includes fixing 20,000\n      miles of roads and over 10,000 bridges, and Speaker Pelosi has committed to moving swiftly on legislation.\n    </li>\n  </ul>\n</ul>\n"
}

Ordered Lists SM

Example:

Two successive U.S. administrations, one from each party, have now stressed the importance of an infrastructure bill.

  • With a unified government, the prospects for federal infrastructure investment are rising.
    • President Biden has laid out a $2 trillion plan to rebuild America’s infrastructure that includes fixing 20,000 miles of roads and over 10,000 bridges, and Speaker Pelosi has committed to moving swiftly on legislation.

Config:

{
  "className": "text-util-sm",
  "content": "<p><strong>Two successive U.S. administrations, one from each party, have now stressed the importance of\nan infrastructure bill.</strong></p>\n<ul>\n  <li>With a unified government, the prospects for federal infrastructure investment are rising.</li>\n  <ul>\n    <li>\n      President Biden has laid out a $2 trillion plan to rebuild America’s infrastructure that includes fixing 20,000\n      miles of roads and over 10,000 bridges, and Speaker Pelosi has committed to moving swiftly on legislation.\n    </li>\n  </ul>\n</ul>\n"
}