Components AI — A new way to explore generative design systems

Gradient

Degrees24

Color

Ratio8

Size5px

Css

repeating-linear-gradient(24deg, #c75182, #c75182 5px, #D279C3 5px, #D279C3 40px)

Js

import styled from '@emotion/styled'

const Gradient = styled('div')({
  backgroundImage: 'repeating-linear-gradient(24deg, #c75182, #c75182 5px, #D279C3 5px, #D279C3 40px)'
})