Blueweb
How to use
A Link Button is a clickable element that looks like a link but behaves like a button. It is mainly used to trigger an action (such as opening a panel, modal, or showing extra information) rather than navigating to a new page.
It should be clear, accessible, and visually consistent with its context. The Link Button keeps the appearance of a link to stay lightweight, but it must still be recognizable as interactive.
Size
The Link Button are available in two sizes, Regular and Small.
Tip: When in doubt, use Regular or contact the Aero team for guidance.
Icon
The Link Button can display an icon. You can use an icon to give the users a better understanding of the content.
Do’s and Don’ts
Do
Keep labels short and clear.
Don't
Don't use long or unclear text.
Do
Use icons only when they add meaning or help recognition.
Don't
Don't add decorative or redundant icons.
Accessibility
- The Link Button must be keyboard focusable and operable with both mouse and keyboard.
- Always provide a clear and descriptive label
- If the button only contains an icon, add an aria-label so assistive technologies can describe its purpose.
Content
- Keep the text short and action-oriented
- Use descriptive words that explain what happens after clicking.
- Avoid adding extra symbols, punctuation, or vague wording.
Availability
Each global component provides a shared design direction across platforms. Implementation is owned by each platform team, so development status may vary per platform.
iOS
Android
Kiosk
Design status
Ready