Apple Intelligence Glow
ProA soft Apple Intelligence edge glow that traces the screen with a rotating iridescent gradient you can toggle on.
glowbordergradientapplesirioverlay
Props
| Prop | Type | Default | Description |
|---|---|---|---|
active | boolean | - | Controlled on/off. Pass this to drive the glow from your own state. |
defaultActive | boolean | true | Uncontrolled initial state. |
onActiveChange | (active: boolean) => void | - | Fires whenever the glow turns on or off. |
onLabel | string | "Turn On Apple Intelligence" | Pill label when the glow is off. |
offLabel | string | "Turn Off Apple Intelligence" | Pill label when the glow is on. |
caption | string | "" | Uppercase hint above the pill. Pass an empty string to hide it. |
hideToggle | boolean | false | Hide the built-in pill. Use this when you pass your own children. |
children | React.ReactNode | - | Inner content. Defaults to the Apple Intelligence pill. |
reach | number | 52 | Inward mist size, in pixels. |
duration | number | 10 | One full color orbit in seconds. |
label | string | "Apple Intelligence glow" | Accessible name for the stage. |