LinkButton
Navigation that needs the weight of a button, such as "Read the guide" on an empty page. If it changes data rather than the page, use Button.
- LinkButton
PreviewLink to the section Preview
Live in all three themes. Everything here is interactive.
Light theme, LinkButton
Dark theme, LinkButton
High contrast theme, LinkButton
UsageLink to the section Usage
import { LinkButton } from '@skribly/ui/actions'<LinkButton href="/docs">Read the guide</LinkButton>
<LinkButton href="https://status.example.com" target="_blank" newTabLabel="opens in a new tab">
Status page
</LinkButton>Every label is a prop, so the app passes its own words in its own language. See no built-in text.
AccessibilityLink to the section Accessibility
- A real link: Enter follows it and the browser context menu works.
- A new-tab link shows an icon and appends newTabLabel for screen readers, and gets rel="noopener noreferrer".
This demo runs through axe in all three themes on every test run. See what the tests check.