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 v3

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

TailwindCSS v4

DANGER

Not yet supported.

Example

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