Components AI — A new way to explore generative design systems

Gradient

Degrees

Color

Ratio

Size

Css

repeating-linear-gradient(42deg, #d1ce93, #d1ce93 6px, #E6CEB3 6px, #E6CEB3 18px)

Js

import styled from '@emotion/styled'

const Gradient = styled('div')({
  backgroundImage: 'repeating-linear-gradient(42deg, #d1ce93, #d1ce93 6px, #E6CEB3 6px, #E6CEB3 18px)'
})