Relume Community Icon
Relume Community
  • 🏠Home
  • 📅Events

  • 🔵Announcements
  • 🔵General
  • 🔵Getting Started
  • 🔵Issues
  • 🔵Showcase

Powered by Tightknit
Issues
Issues

How to Set Gradient Stroke Button with Custom Properties

Avatar of HajaHaja
·

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

  • Avatar of Emily M.
    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

  • Avatar of Haja
    Haja
    ·

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