Rich Text

The typography for rendered rich text — the escape hatch of the set, styled by element because the markup comes from a renderer.

Regulatory framework

What regulation requires, and what it leaves to the employer.

The European directive requires the employer to provide personal protective equipment suited to the risk. The reference text sets out the principles without specifying a service life.

What the manufacturer says

Every helmet carries a manufacturing date moulded into the shell. It is the starting point for two distinct durations:

storage life, before first use
service life, from first wear

Material	Storage life	Service life
Polyethylene	2 years	3 years
ABS	3 years	4 years

When in doubt about the condition of a helmet, withdraw it from service: its cost is nothing next to that of an accident.

A visual check before every use remains recommended, whatever the material.

import { RichTextBlock } from "mako-ui/blocks/rich-text";

export default function Particle() {
  return (
    <RichTextBlock
      subtitle="What regulation requires, and what it leaves to the employer."
      title="Regulatory framework"
    >
      <p>
        The European directive requires the employer to provide personal
        protective equipment suited to the risk.{" "}
        <a href="#regulation">The reference text</a> sets out the principles
        without specifying a service life.
      </p>
      <h3>What the manufacturer says</h3>
      <p>
        Every helmet carries a manufacturing date moulded into the shell. It is
        the starting point for two distinct durations:
      </p>
      <ul>
        <li>storage life, before first use</li>
        <li>service life, from first wear</li>
      </ul>
      <table>
        <thead>
          <tr>
            <th>Material</th>
            <th>Storage life</th>
            <th>Service life</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>Polyethylene</td>
            <td>2 years</td>
            <td>3 years</td>
          </tr>
          <tr>
            <td>ABS</td>
            <td>3 years</td>
            <td>4 years</td>
          </tr>
        </tbody>
      </table>
      <blockquote>
        <p>
          When in doubt about the condition of a helmet, withdraw it from
          service: its cost is nothing next to that of an accident.
        </p>
      </blockquote>
      <hr />
      <p>
        A visual check before every use remains recommended, whatever the
        material.
      </p>
    </RichTextBlock>
  );
}

Props

RichTextBlock

Prop	Type	Default	Description
`children`	`ReactNode`	—	The rendered rich text.
`title`	`string`	—	Optional section heading, rendered as an `h2`.
`subtitle`	`string`	—	Optional line under the heading.
`id`	`string`	—	Id of the section, and the prefix every element id inside is derived from.

The renderer contract: h1 and h2 are never emitted — the page template owns the h1, the block header owns the h2. In-flow headings start at h3. Tables typed into a rich text field render with the prose styling; a table that needs a caption, row headers or its own section heading is a Table block, not rich text.

On This Page

Props RichTextBlock