<.layout_heading class="layout-heading">
  <:title>Default</:title>
  <:subtitle>Neutral ink on title and subtitle.</:subtitle>
  <:actions>
    <.action type="button" class="button button--sm">Save</.action>
    <.action type="button" class="button button--sm button--ghost">Cancel</.action>
  </:actions>
</.layout_heading>
<.layout_heading class="layout-heading layout-heading--accent">
  <:title>Accent</:title>
  <:subtitle>Semantic accent on title and subtitle.</:subtitle>
  <:actions>
    <.action type="button" class="button button--sm">Save</.action>
    <.action type="button" class="button button--sm button--ghost">Cancel</.action>
  </:actions>
</.layout_heading>
<.layout_heading class="layout-heading layout-heading--brand">
  <:title>Brand</:title>
  <:subtitle>Semantic brand on title and subtitle.</:subtitle>
  <:actions>
    <.action type="button" class="button button--sm">Save</.action>
    <.action type="button" class="button button--sm button--ghost">Cancel</.action>
  </:actions>
</.layout_heading>
<.layout_heading class="layout-heading layout-heading--alert">
  <:title>Alert</:title>
  <:subtitle>Semantic alert on title and subtitle.</:subtitle>
  <:actions>
    <.action type="button" class="button button--sm">Save</.action>
    <.action type="button" class="button button--sm button--ghost">Cancel</.action>
  </:actions>
</.layout_heading>
<.layout_heading class="layout-heading layout-heading--success">
  <:title>Success</:title>
  <:subtitle>Semantic success on title and subtitle.</:subtitle>
  <:actions>
    <.action type="button" class="button button--sm">Save</.action>
    <.action type="button" class="button button--sm button--ghost">Cancel</.action>
  </:actions>
</.layout_heading>
<.layout_heading class="layout-heading layout-heading--info">
  <:title>Info</:title>
  <:subtitle>Semantic info on title and subtitle.</:subtitle>
  <:actions>
    <.action type="button" class="button button--sm">Save</.action>
    <.action type="button" class="button button--sm button--ghost">Cancel</.action>
  </:actions>
</.layout_heading>

  

    <.layout_heading class="layout-heading max-w-xs">
  <:title>Narrow</:title>
  <:subtitle>max-w-xs</:subtitle>
  <:actions>
    <.action type="button" class="button button--sm">Save</.action>
    <.action type="button" class="button button--sm button--ghost">Cancel</.action>
  </:actions>
</.layout_heading>
<.layout_heading class="layout-heading max-w-md">
  <:title>Medium block</:title>
  <:subtitle>max-w-md</:subtitle>
  <:actions>
    <.action type="button" class="button button--sm">Save</.action>
    <.action type="button" class="button button--sm button--ghost">Cancel</.action>
  </:actions>
</.layout_heading>
<.layout_heading class="layout-heading max-w-xl">
  <:title>Wide block</:title>
  <:subtitle>max-w-xl</:subtitle>
  <:actions>
    <.action type="button" class="button button--sm">Save</.action>
    <.action type="button" class="button button--sm button--ghost">Cancel</.action>
  </:actions>
</.layout_heading>
<.layout_heading class="layout-heading max-w-2xl">
  <:title>Extra wide</:title>
  <:subtitle>max-w-2xl</:subtitle>
  <:actions>
    <.action type="button" class="button button--sm">Save</.action>
    <.action type="button" class="button button--sm button--ghost">Cancel</.action>
  </:actions>
</.layout_heading>