Divide Gap

Provides a new TailwindCSS utility classes divide-gap-x and divide-gap-y for easier way to do gap between Divide utility classes. You can use all values from Spacing scale.

TailwindCSS v4

Include CSS file with the @utility at-rule.

View Source 

@import "winduum/tailwindcss/utilities/divide-gap.css";

TailwindCSS v3

Add plugin via the tailwind.config.js, see Config for more info.

Example

<div class="flex divide-x divide-bg-primary divide-gap-x-4">
    <div>01</div>
    <div>02</div>
    <div>03</div>
</div>