<Bubble />
Bubble is the fancy component primarily use to showcase design and animation purpose.
Image
Code - structure
<Bubble
className="opacity-50"
style={{ top: 0, left: "auto", right: 0, "--bubble-bg": "linear-gradient(#261362, #F900B7)" }}
/>Props
| Option's (props) | Values |
|---|---|
| className | Custom css className (optional). |
| style | Support all css styles. Here --bubble-bg is custom variable made to give the custom color. you can add gradient or solid color also. |