Zigzag Pattern

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

Customize

Base Color

#1e293b

Zigzag Color

#475569

Border Radius

Props

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

Zigzag chevron repeating pattern

zigzagchevronpattern