Warp Design System

Appearance

Borders

Divide Style ​

Utilities for controlling the border style between elements.

Unsupported

This functionality is not yet supported! If you need this, reach out to us on #warp-design-system.

Quick reference ​

ClassDescription
divide-solid > * + *border-style: solid (Unsupported)
divide-dashed > * + *border-style: dashed (Unsupported)
divide-dotted > * + *border-style: dotted (Unsupported)
divide-none > * + *border-style: none (Unsupported)

Basic usage ​

Set the divide style ​

Control the border style between elements using the divide-{style} utilities.

html
<div class="divide-y divide-dashed ...">
  <!-- ... -->
</div>