This example shows a simple input field styled with basic Tailwind utility classes.
Key Classes Used:
border
: Adds a default 1px solid border.
border-gray-300
: Sets the border color (optional, default is often gray).
rounded
: Applies a default medium border radius.
px-3
: Adds horizontal padding (left and right).
py-2
: Adds vertical padding (top and bottom).
w-full
: Makes the input take the full width of its container.
focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent
: Example of focus styling.