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
Auf dieser Seite können Sie das Online-Video Nhost and SvelteKit - Starter Kit lesson 6 - Tailwind and Input component mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Uthpala Heenatigala 19 Mai 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 476 Mal angesehen und es wurde von 4 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!