-
Notifications
You must be signed in to change notification settings - Fork 4
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Register formkit (Issue #3) #7
base: main
Are you sure you want to change the base?
Register formkit (Issue #3) #7
Conversation
@@ -0,0 +1,120 @@ | |||
<template> | |||
<div class="bg-[#210309] flex justify-center items-center min-h-screen"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
please configure tokens in tailwind config and re-use them
const classes = { | ||
label: 'block text-gray-700 text-sm font-bold mb-2', | ||
input: | ||
'block text-sm w-full px-3 py-2 transition duration-100 ease-in-out border rounded shadow-sm focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50 disabled:opacity-50 disabled:cursor-not-allowed text-black placeholder-gray-400 bg-white border-gray-300 focus:border-blue-500 ', |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
is there a way to configure defaults for formkit?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Not sure, I'll research
pages/register.vue
Outdated
type="text" | ||
label="Username" | ||
name="username" | ||
validation="required|min:6" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Here we need to build a custom validation, that checks:
- "only letters, numbers, underscores and periods"
- username is available
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
was able to create a custom validation for "only letters, numbers, underscores and periods"
label="Dancing in" | ||
name="dancing_in" | ||
placeholder="City" | ||
:options="['Pizza', 'Ice Cream', 'Burger']" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Here we need to build a custom input, that uses Google Places API to autocomplete the city
✅ Deploy Preview for wedance-v3 ready!
To edit notification comments on pull requests, go to your Netlify site settings. |
No description provided.