Components
Horizontal Rule Element

Horizontal Rule Element

A horizontal rule component with focus states.

Horizontal RuleBlock SelectionPlate Element

Installation

Install the following dependencies:

npm install @udecode/plate-selection

Copy and paste the following code into your project.

Get the code ->

Update the import paths to match your project setup.

Examples

Horizontal Rule

Get the code ->

Horizontal Rule

Add horizontal rules to visually separate sections and content within your document.
How to use horizontal rules:
  • Type "---" to insert a horizontal rule.
  • To delete a horizontal rule, click on it and press "Backspace".


Heading ElementImage Element