prose

Shows rich text, cleaned first so only what the editor can make gets through.

Example

Early entry

For club members. Read more.

  • 10% off
  • Any 2027 race

Laravel

<x-admin::prose html="<h2>Early entry</h2><p>For <strong>club members</strong>. <a href='https://example.com'>Read more</a>.</p><ul><li>10% off</li><li>Any 2027 race</li></ul><script>alert(1)</script>" />

Props

PropRequiredDefaultOptions
html""
buttonsnull

Other attributes, such as wire:model or data-*, pass through to the element.

Other stacks

React and Vue: import { Prose } from "@admiral/ui-kit/react" (or /vue). See the React and Vue guide.

HTML, for any stack
<div class="adm-prose"><h2>Early entry</h2><p>For <strong>club members</strong>. <a href="https://example.com" rel="noopener noreferrer">Read more</a>.</p><ul><li>10% off</li><li>Any 2027 race</li></ul></div>