---
title: Component Library
---

{% import "helpers/ui.nunj" as ui %}

<p>You can browse the component library using the navigation on the left.</p>

<h3>Component statuses</h3>
<p>Components and their variants have been given statuses reflecting their state of completion. The available statuses are listed below.</p>
<table class="StatusTable">
<tr>
    <th>Label</th>
    <th>Description</th>
</tr>
{% for status in fractal.statuses %}
<tr>
    <td>{{ ui.status(status) }} {{ status.label }}</td>
    <td>{{ status.description }}</td>
</tr>
{% endfor %}
</table>