Components AI — A new way to explore generative design systems

Gradient

Degrees105

Color

Ratio4

Size3px

Css

repeating-linear-gradient(105deg, #d816a7, #d816a7 3px, #BF4DD5 3px, #BF4DD5 12px)

Js

import styled from '@emotion/styled'

const Gradient = styled('div')({
  backgroundImage: 'repeating-linear-gradient(105deg, #d816a7, #d816a7 3px, #BF4DD5 3px, #BF4DD5 12px)'
})