Totop
Create a simple to-top scroller.
Usage
The Totop component allows you to apply an icon to your to-top scroller. Just add the uk-totop
attribute to an <a>
element.
To add a smooth effect when using the totop to jump up the page, use the Scroll component.
<a href="" uk-totop></a>
Accessibility
The Totop component automatically sets the appropriate WAI-ARIA roles, states and properties.
- The totop icon has the
aria-label
property, and if an<a>
element is used, thebutton
role.
Internationalization
The Totop component uses the following translation strings. Learn more about translating components.
Key | Default | Description |
---|---|---|
label | Back to top | aria-label attribute. |
- On This Page
- Usage
- Accessibility
Support
Franken UI is an independent project free for everyone. Help
support it and expand its component library.