How to Set Gradient Stroke Button with Custom Properties

·

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

2 comments

· Sorted by Oldest

Emily M.
·
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
Haja
·
Thanks Emily! Tried it before. Seems like the easiest way to do it

Emily M.
·
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
Haja
·
Thanks Emily! Tried it before. Seems like the easiest way to do it