<input class="bg-gray-200 border-2 border-teal-400 focus:border-teal-600 py-2 px-4" placeholder="Focus"/>
← Tailwind CSS classes list
Tailwind CSS class: .focus
Preview
Use Shuffle AI to build your own Tailwind CSS templates
Quickly design stunning Tailwind CSS templates with the power of Shuffle AI — no coding required.
Check .focus 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.
