Checkerboard
<div style="width:100%;min-height:200px;border-radius:12px;background-color:#333;background-image:linear-gradient(45deg,#555 25%,transparent 25%),linear-gradient(-45deg,#555 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#555 75%),linear-gradient(-45deg,transparent 75%,#555 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px"></div>Customize
#333333
#555555
px
Props
| Name | Type | Default | Description |
|---|---|---|---|
bgColor | color | #333333 | Base background color |
squareColor | color | #555555 | Checker square color |
borderRadius | slider (px) | 12px | Corner roundness |
Checkerboard pattern