Custom Buttons
These buttons are not built to be as flexible compared to default buttons.
- They don’t support
on:click()or aliases, since they are built with<a>tags. - They are designed to be used as-is, with minimal customization options.
- All have fixed dimensions (w × h), with Marquee as the exception. Marquee automatically adjusts its width based on text length.
svelte
Loading...| Import Name | Prop | Type | Default |
|---|---|---|---|
| ButtonSwipe | link | string | # |
| text | string | Button | |
| bg / color | string | var(--primary-bg)/ #4B5563 | |
| ButtonMarquee | link | string | # |
| text | string | Hover me | |
| bg / color | string | var(--primary-bg)/ #4B5563 | |
| ButtonFlip | link | string | # |
| front | string | front | |
| back | string | back | |
| bgFront | string | var(--primary-bg) | |
| bgBack / color | string | #f4e5d4 / var(--button-text) |