Nhost and SvelteKit - Starter Kit lesson 6 - Tailwind and Input component
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