Component reference for brunoesparza.dev. Live demos with actual components.
An inline icon + label component. Pass href for a link or onClick for a button — TypeScript enforces you can only use one. Supports hover/focus icon animation, trailing comma, disabled state, custom className, and an optional ariaLabel override.
| Name | Type | Default |
|---|---|---|
| icon | IconType | — |
| label | string | — |
| href | string | — (exclusive with onClick) |
| onClick | () => void | — (exclusive with href) |
| type | 'button' | 'submit' | 'reset' | 'button' (only with onClick) |
| trailingComma | boolean | false |
| animateIcon | boolean | false |
| disabled | boolean | false |
| ariaLabel | string | label value |
| className | string | — |
A single marquee item displaying a large uppercase label paired with an icon. Designed to be placed inside an InfiniteLoop container for continuous horizontal scrolling.
Inside InfiniteLoop
| Name | Type | Default |
|---|---|---|
| name | string | — |
| icon | IconType | — |