<tyro-ui-button-bento>

Button Bento

Navigation shortcut card for dashboards. Displays an icon, a title, an optional subtitle and an optional badge. Supports routerLink, href and an animated gradient border.

Preview - default

icon + label + sublabel + tag
NewDashboard
Users
Settings

Preview - short mode

[short]='true'
Home
Analytics
Reports

Preview - gradient border

[gradient]='true'
Premium

Inputs

Property
Type
Default
Description
[label] string ''Main button title
[sublabel?] string -Subtitle displayed below the label
[icon] string ''Remix-icon class displayed in the button
[iconImg?] string -Image URL replacing the icon
[tag?] string -Text badge displayed at the top right of the button
[short] boolean falseCompact horizontal layout (icon + label on one line)
[gradient] boolean falseEnables the animated Tyrolium gradient border on hover
[link?] string -Angular route (routerLink)
[href?] string -External link (opens in the same tab)