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
На этой странице сайта вы можете посмотреть видео онлайн Nhost and SvelteKit - Starter Kit lesson 6 - Tailwind and Input component длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Uthpala Heenatigala 19 Май 2021, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 476 раз и оно понравилось 4 зрителям. Приятного просмотра!