Community forum for knowledge and support

Updated 3 months ago

Setting gradient stroke button in custom properties

At a glance

Hi Haja here, anyone here knows how to set gradient stroke button in custom properties? I've tried this method but it doesn't seem to appear in preview mode. Appreciate your help.

border-image-source: linear-gradient(to right, var(--base-color-neutral--neutral-lightest), var(--base-color-brand--brand-teal)) 1

E
H
2 comments

As far as I know the only way to set gradient borders is by nesting a div with white fill (or other colour) inside one with a gradient fill and some padding

Thanks Emily! Tried it before. Seems like the easiest way to do it

Add a reply
Sign up and join the conversation on Slack