formkit
formkit copied to clipboard
tailwind classes not apply on formkit
Reproduction
...
Describe the bug
TextInput does not get w-full:
<FormKit type="form" :actions="false" @submit="login" class="w-full">
<FormKit type="text" label="Email" validation="required|email" input-class="w-full"
placeholder="E-Mail Adresse" :validation-messages="{
length: 'Try to make your password longer!',
}" />
<FormKit type="password" label="Password"
validation="required|length:10|matches:/^(?=.*[0-9])(?=.*[a-z])(?=.*[*.!@$%^&(){}[]:;<>,.?/~_+-=|\]).{8,32}$/"
class="w-full" placeholder="Password" :validation-messages="{
length: 'min. 8 Zeichen',
matches: 'min. 1 Kleinbuchstabe, 1 Sonderzeichen und 1 Zahl'
}" />
<FormKit type="submit" class="w-full" />
</FormKit>
Environment
• OS: [e.g. iOS] • Browser [e.g. chrome, safari] • Version [e.g. 22]