formkit icon indicating copy to clipboard operation
formkit copied to clipboard

tailwind classes not apply on formkit

Open Ed1ks opened this issue 1 year ago • 0 comments

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]

Ed1ks avatar Aug 28 '24 15:08 Ed1ks