}</code></th>
                        <td>{{ class.applies }}</td>
                        <td>{{ class.description }}</td>
                    </tr>
                    {% endfor %}
                {% endfor %}
            </tbody>
        </table>
    </div>

    {% header "h3", "Validation examples" %}
    {% header "h4", "Warning" %}
    <div class="stacks-preview">
{% highlight html %}
<div class="d-flex gy4 fd-column has-warning">
    <label class="flex--item s-label" for="select-menu">
        How wi