geist mono

Search…

Fade

Fade

Head to the desktop site to copy.

Updated:

Nov 8, 2023

Type:

Override

Notes

  • Fades the alpha value of any layer. Comes with 4 functions to fade from different directions.

  • For each function you can change the target opacity and width of the effect (in %):

fadeToOpacity: number = 0.2, // opacity between 0 and 1
fadeWidthPercent: number = 50 // 50% fade width in %
  • As overrides can't accept props like code components, you'll need to create new functions for every unique combination of opacity/width/direction that you want to use.

Help

How do I add code overrides?