Diamond Pattern

<div style="width:100%;min-height:200px;border-radius:12px;background-color:#1e293b;background-image:linear-gradient(45deg,#334155 25%,transparent 25%),linear-gradient(-45deg,#334155 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#334155 75%),linear-gradient(-45deg,transparent 75%,#334155 75%);background-size:40px 40px;background-position:0 0,0 20px,20px -20px,-20px 0"></div>

Customize

Base Color

#1e293b

Diamond Color

#334155

Border Radius

Props

Name	Type	Default	Description
`bgColor`	color	`#1e293b`	Background base color
`patternColor`	color	`#334155`	Diamond pattern color
`borderRadius`	slider (px)	`12px`	Corner roundness

Argyle diamond repeating pattern

diamondargylepattern