is now part of Shuffle™. The new editor includes templates for Tailwind CSS, Bootstrap, Bulma, and Material-UI.
Switch to Shuffle →
← Tailwind CSS classes list

Tailwind CSS class: .focus-within

    <form>
        <div class="text-gray-400 focus-within:text-green-600 focus-within:underline">
            Enter your name:
            <input class="ml-2 px-4 py-2 border rounded" type="text" placeholder="Name">
        </div>
    </form>

Preview

Enter your name:

Check .focus-within in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

More in Tailwind CSS Forms