tailwind-grid-auto v0.0.5

tailwind-grid-auto

Plugin for Tailwind CSS that automatically sets the grid width.

Demo

Installation

npm i -D tailwind-grid-auto

Setup

/** @type {import('tailwindcss').Config} */
module.exports = {
	content: ['./src/**/*.{html,js,svelte,ts}'],
	theme: {
		extend: {}
	},
	plugins: [require('tailwind-grid-auto')]
}

Usage

<div class="grid grid-auto-4 gap-3">
	{#each list as item}
		<!-- Iterating over lists of values -->
		<div>item[0]</div>
		<div>item[1]</div>
		<div>item[2]</div>
		<div>item[3]</div>
	{/each}
</div>