<ul class="flex items-center gap-x-5">
    <li class="flex">
        <x-forms.editor.control-button title="Heading" icon="heading" control="header" />
    </li>

    <li class="flex">
        <x-forms.editor.control-button title="Bold" icon="bold" control="bold" />
    </li>

    <li class="flex">
        <x-forms.editor.control-button title="Italic" icon="italic" control="italic" />
    </li>

    <li class="flex">
        <x-forms.editor.control-button title="Block quotation" icon="heroicon-s-chevron-right" control="quote" />
    </li>

    <li class="flex">
        <x-forms.editor.control-button title="Code sample" icon="heroicon-o-code-bracket" control="code" />
    </li>

    <li class="flex">
        <x-forms.editor.control-button title="Link" icon="heroicon-o-link" control="link" />
    </li>

    <li class="flex">
        <x-forms.editor.control-button title="Image" icon="heroicon-o-photo" control="image" />
    </li>
</ul>