BETA

Border Color

Customize the border color of a squircle.

Variables

ClassStyles
squircle-border-<color>
--squircle-border-color: <color>;

Usage

You can use a tailwind color class to customize the border color of a squircle.

<div className="squircle-border-red-500" />

Or you can use a custom color.

<div className="squircle-border-[#2dd4bf]" />

You can also customize the background color opacity.

<div className="squircle-border-red-500/50" />

By Skyleen. The source code is available on GitHub.

On this page