Skip to content
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

Open
wants to merge 3 commits into
base: main
Choose a base branch
from

Conversation

emmanuelorobinson
Copy link
Member

No description provided.

@emmanuelorobinson
Copy link
Member Author

@razbakov razbakov changed the base branch from register-formkit to main October 24, 2022 08:54
@@ -0,0 +1,120 @@
<template>
<div class="bg-[#210309] flex justify-center items-center min-h-screen">
Copy link
Contributor

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 ',
Copy link
Contributor

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?

Copy link
Member Author

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

type="text"
label="Username"
name="username"
validation="required|min:6"
Copy link
Contributor

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

Copy link
Member Author

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']"
Copy link
Contributor

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

pages/register.vue Outdated Show resolved Hide resolved
pages/register.vue Show resolved Hide resolved
pages/register.vue Show resolved Hide resolved
@netlify
Copy link

netlify bot commented Oct 24, 2022

Deploy Preview for wedance-v3 ready!

Name Link
🔨 Latest commit ae2e10d
🔍 Latest deploy log https://app.netlify.com/sites/wedance-v3/deploys/6356aecc1e45f00008ed13c1
😎 Deploy Preview https://deploy-preview-7--wedance-v3.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

@emmanuelorobinson emmanuelorobinson changed the title Register formkit Register formkit (Issue #3) Oct 24, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants