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
Watch video Nhost and SvelteKit - Starter Kit lesson 6 - Tailwind and Input component online without registration, duration hours minute second in high quality. This video was added by user Uthpala Heenatigala 19 May 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 476 once and liked it 4 people.