Effects / Glass / Shaders
GradientBackground
client24.25 kB
@stellaria/nebula-webGradientBackgroundPropsPreview
Props
6| Prop | Type | Default |
|---|---|---|
children | ReactNode | — |
className Composes with the classes `Box` computes instead of replacing them. | string | — |
component | (ElementType & C) | — |
gradient | { from: ColorExtended; to: ColorExtended; deg?: number; animate?: boolean; } | GradientRole | "brand" |
grain | boolean | — |
scrim | number | 0 |
Slot props
1Each one spreads over an inner element, so you can restyle a region without forking the component.
| Prop | Type | Default |
|---|---|---|
scrimProps The veil that dims the gradient. Only rendered with `scrim` greater than 0, which is where its opacity comes from; the slot is what lets you tint it another colour without forking. The grain layer has no slot: it is the texture of the effect and the theme fixes its opacity. | BoxSlotProps | — |
Also accepts
On top of its own props, this component forwards these groups.
Style props · 128