Components

Aside

Unofficial

A component for displaying indirectly related content.

<aside class="not-govuk-aside">
  <h2>Did you know?</h2>
  <p>
    You can put indirectly related content in an Aside
    component.
  </p>
</aside>

<Aside>
  <h2>Did you know?</h2>
  <p>
    You can put indirectly related content in an Aside
    component.
  </p>
</Aside>

Props

Name	Type	Default	Description
id	string	-	'id' attribute to place on the base HTML element
classBlock	string	-	Block name override in BEM style classes applied to all elements
classModifiers	Modifiers	-	BEM style modifiers to apply to the base HTML element
className	string	-	Extra classes to apply to the base HTML element

Stories

A standard Aside.

<aside class="not-govuk-aside">
  <h2>Did you know?</h2>
  <p>
    You can put indirectly related content in an Aside
    component.
  </p>
</aside>

<Aside>
  <h2>Did you know?</h2>
  <p>
    You can put indirectly related content in an Aside
    component.
  </p>
</Aside>