We install tailwind css for a svelte kit project with a simple command.
npx svelte-add tailwindcss --jit
Then install tailwind forms plugin.
Finally create a reusable input component and style it.
Links that I mention in the video.
1. Add Tailwind - https://github.com/svelte-add/tailwin...
2. Tailwind JIT - https://tailwindcss.com/docs/just-in-...
3. Tailwind Forms plugin - https://github.com/tailwindlabs/tailw...
4. type attribute cannot be dynamic if input uses two-way data binding - https://stackoverflow.com/questions/5...
5. Unary operator - / cast-to-number-in-javascript-using-the-una...
GitHub repository - https://github.com/Uthpala/starter-kit
End product - https://nhost-sveltekit-starter-kit.v...
Follow me on Twitter / uthpala_419
#SvelteKit #Nhost #StarterKit
On this page of the site you can watch the video online Nhost and SvelteKit - Starter Kit lesson 6 - Tailwind and Input component with a duration of hours minute second in good quality, which was uploaded by the user Uthpala Heenatigala 19 May 2021, share the link with friends and acquaintances, this video has already been watched 476 times on youtube and it was liked by 4 viewers. Enjoy your viewing!