Border Beam

A light that travels around an element's border to draw the eye, and hides itself for readers who prefer reduced motion.

Preview in Figma LLMs

Overview

Design

Design

Explore the component in its original Figma context, including all variants, states and visual configurations. The table below lists the Figma component's properties, which name the drawing's variants. The React props are in the Code tab.

Beam

Badge Breadcrumb

On This Page

Design

Beam