Welcome to Surge UI • A collection of modern UI components •Welcome to Surge UI • A collection of modern UI components •Welcome to Surge UI • A collection of modern UI components •Welcome to Surge UI • A collection of modern UI components •Welcome to Surge UI • A collection of modern UI components •Welcome to Surge UI • A collection of modern UI components •Welcome to Surge UI • A collection of modern UI components •Welcome to Surge UI • A collection of modern UI components •Welcome to Surge UI • A collection of modern UI components •Welcome to Surge UI • A collection of modern UI components •
Welcome to Surge UI • A collection of modern UI components •Welcome to Surge UI • A collection of modern UI components •Welcome to Surge UI • A collection of modern UI components •Welcome to Surge UI • A collection of modern UI components •Welcome to Surge UI • A collection of modern UI components •Welcome to Surge UI • A collection of modern UI components •Welcome to Surge UI • A collection of modern UI components •Welcome to Surge UI • A collection of modern UI components •Welcome to Surge UI • A collection of modern UI components •Welcome to Surge UI • A collection of modern UI components •
Installation
Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | ReactNode | "" | The content to display in the marquee |
className | string? | "" | Additional classes for the container |
speed | number? | 50 | Speed of the marquee animation |
reverse | boolean? | false | If true, reverses the animation direction |
pauseOnHover | boolean? | false | If true, pauses the animation on hover |
maskEdges | boolean? | false | Adds edge masking for a fade effect |