Marquee
A simple customizable marquee component with a variety of variants to choose from.
NOTE: This is a starting point for the Marquee component. You can customize it according to your needs, we are adding more variants as you read this guide, so stay tuned for more updates.
Examples
@jack
I've never seen anything like this before. It's amazing. I love it.
@jill
I don't know what to say. I'm speechless. This is amazing.
@john
I'm at a loss for words. This is amazing. I love it.
@jack
I've never seen anything like this before. It's amazing. I love it.
@jill
I don't know what to say. I'm speechless. This is amazing.
@john
I'm at a loss for words. This is amazing. I love it.
@jack
I've never seen anything like this before. It's amazing. I love it.
@jill
I don't know what to say. I'm speechless. This is amazing.
@john
I'm at a loss for words. This is amazing. I love it.
@jack
I've never seen anything like this before. It's amazing. I love it.
@jill
I don't know what to say. I'm speechless. This is amazing.
@john
I'm at a loss for words. This is amazing. I love it.
@jane
I'm at a loss for words. This is amazing. I love it.
@jenny
I'm at a loss for words. This is amazing. I love it.
@james
I'm at a loss for words. This is amazing. I love it.
@jane
I'm at a loss for words. This is amazing. I love it.
@jenny
I'm at a loss for words. This is amazing. I love it.
@james
I'm at a loss for words. This is amazing. I love it.
@jane
I'm at a loss for words. This is amazing. I love it.
@jenny
I'm at a loss for words. This is amazing. I love it.
@james
I'm at a loss for words. This is amazing. I love it.
@jane
I'm at a loss for words. This is amazing. I love it.
@jenny
I'm at a loss for words. This is amazing. I love it.
@james
I'm at a loss for words. This is amazing. I love it.
Installation
npx shadcn@latest add "https://aurora-ui-opal.vercel.app/c/marquee.json"
Component Props
You can customize the content of the Marquee by passing the following props:
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | - | Content to be displayed inside the marquee. |
| className | string | - | Additional class names to be applied to the marquee. |
| variant | default | destructive | success | default | Variant of the marquee. |
| size | default | sm | lg | icon | default | Size of the marquee. |
| ...props | any | - | Additional props to be passed to the marquee. |