Explore working implementations and code samples to help you build with Eiseniiiiaia.
<form class="space-y-4">
<div>
<label class="block text-gray-700">Email</label>
<input type="email"
required
class="w-full p-3 border border-gray-300 rounded focus:ring-2 focus:ring-indigo-300">
<div class="text-red-500 text-sm">* Valid email required</div>
</div>
<div>
<label class="block text-gray-700">Password</label>
<input type="password"
minlength="8"
required
class="w-full p-3 border border-gray-300 rounded focus:ring-2 focus:ring-indigo-300">
<div class="text-gray-500 text-sm">Minimum 8 characters</div>
</div>
<button type="submit"
class="w-full bg-gradient-to-r from-indigo-600 to-purple-600 text-white py-3 rounded-lg hover:shadow-lg transition">
Submit
</button>
</form>
This example includes real-time validation using HTML attributes and Tailwind's responsive styling. The form will show appropriate error states when invalid.
console.log(document.documentElement.classList.contains('dark') ? 'Dark mode enabled' : 'Light mode enabled');