---
layout: base.html
hook: "component-library"
---

{% include "partials/docs-header.html" %}

{% from 'components/hero.macro.html' import hero %}

{{ hero({
        title: "ESLint Docs Components",
        supporting_text: "Components used across this site."
    })
}}

<div class="content-container grid">
    <div class="span-1-3">
        <nav class="index">
            <button class="index__toggle" aria-label="Components" id="js-index-toggle" hidden>
                Components
                <svg width