alphaThis is a new service - your feedback will help us to improve it.
Components
Event list
A list of events.
-
John SMITH
Place of birth |
Bournemouth |
Mother |
Jane SMITH |
Father |
William SMITH |
-
David STEWART
Place of birth |
Swansea |
Mother |
Sally STEWART |
Father |
Aiden STEWART |
-
James HAMPTON
Place of birth |
Newcastle |
Mother |
Catherine HAMPTON |
Father |
Gary HAMPTON |
<ul class="ho-lev-event-list">
<li class="ho-lev-birth-summary">
<article>
<a
class="govuk-link ho-lev-birth-summary__link"
href="/?selected=1"
>
<div class="ho-lev-birth-summary__heading">
John SMITH
</div>
<table class="ho-lev-birth-summary__data">
<tbody>
<tr>
<th>Place of birth</th>
<td>Bournemouth</td>
</tr>
<tr>
<th>Mother</th>
<td>Jane SMITH</td>
</tr>
<tr>
<th>Father</th>
<td>William SMITH</td>
</tr>
</tbody>
</table>
</a>
</article>
</li>
<li class="ho-lev-birth-summary">
<article>
<a
class="govuk-link ho-lev-birth-summary__link"
href="/?selected=2"
>
<div class="ho-lev-birth-summary__heading">
David STEWART
</div>
<table class="ho-lev-birth-summary__data">
<tbody>
<tr>
<th>Place of birth</th>
<td>Swansea</td>
</tr>
<tr>
<th>Mother</th>
<td>Sally STEWART</td>
</tr>
<tr>
<th>Father</th>
<td>Aiden STEWART</td>
</tr>
</tbody>
</table>
</a>
</article>
</li>
<li class="ho-lev-birth-summary">
<article>
<a
class="govuk-link ho-lev-birth-summary__link"
href="/?selected=3"
>
<div class="ho-lev-birth-summary__heading">
James HAMPTON
</div>
<table class="ho-lev-birth-summary__data">
<tbody>
<tr>
<th>Place of birth</th>
<td>Newcastle</td>
</tr>
<tr>
<th>Mother</th>
<td>Catherine HAMPTON</td>
</tr>
<tr>
<th>Father</th>
<td>Gary HAMPTON</td>
</tr>
</tbody>
</table>
</a>
</article>
</li>
</ul>
Props
string |
- |
'id' attribute to place on the base HTML element |
string |
- |
Block name override in BEM style classes applied to all elements |
other |
- |
BEM style modifiers to apply to the base HTML element |
string |
- |
Extra classes to apply to the base HTML element |
Stories
Standard
A standard Event list.
-
John SMITH
Place of birth |
Bournemouth |
Mother |
Jane SMITH |
Father |
William SMITH |
-
David STEWART
Place of birth |
Swansea |
Mother |
Sally STEWART |
Father |
Aiden STEWART |
-
James HAMPTON
Place of birth |
Newcastle |
Mother |
Catherine HAMPTON |
Father |
Gary HAMPTON |
<ul class="ho-lev-event-list">
<li class="ho-lev-birth-summary">
<article>
<a
class="govuk-link ho-lev-birth-summary__link"
href="/?selected=1"
>
<div class="ho-lev-birth-summary__heading">
John SMITH
</div>
<table class="ho-lev-birth-summary__data">
<tbody>
<tr>
<th>Place of birth</th>
<td>Bournemouth</td>
</tr>
<tr>
<th>Mother</th>
<td>Jane SMITH</td>
</tr>
<tr>
<th>Father</th>
<td>William SMITH</td>
</tr>
</tbody>
</table>
</a>
</article>
</li>
<li class="ho-lev-birth-summary">
<article>
<a
class="govuk-link ho-lev-birth-summary__link"
href="/?selected=2"
>
<div class="ho-lev-birth-summary__heading">
David STEWART
</div>
<table class="ho-lev-birth-summary__data">
<tbody>
<tr>
<th>Place of birth</th>
<td>Swansea</td>
</tr>
<tr>
<th>Mother</th>
<td>Sally STEWART</td>
</tr>
<tr>
<th>Father</th>
<td>Aiden STEWART</td>
</tr>
</tbody>
</table>
</a>
</article>
</li>
<li class="ho-lev-birth-summary">
<article>
<a
class="govuk-link ho-lev-birth-summary__link"
href="/?selected=3"
>
<div class="ho-lev-birth-summary__heading">
James HAMPTON
</div>
<table class="ho-lev-birth-summary__data">
<tbody>
<tr>
<th>Place of birth</th>
<td>Newcastle</td>
</tr>
<tr>
<th>Mother</th>
<td>Catherine HAMPTON</td>
</tr>
<tr>
<th>Father</th>
<td>Gary HAMPTON</td>
</tr>
</tbody>
</table>
</a>
</article>
</li>
</ul>