alphaThis is a new service - your feedback will help us to improve it.
ComponentsEvent 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>