Hoppa till huvudinnehåll

LinkButton

Länkknapp
Version: 1.1.0
Versionslogg
Storybook
Referens

Introduktion​

Komponent med samma utseende och beteende som knapp men avsedd att använda som länk internt eller externt i en applikation.

Installation och användning​

npm install @midas-ds/link-button
import { LinkButton } from '@midas-ds/link-button'

Headlessreferens​

Beskrivning av hur RouterProvider används finns på React Aria Client Side Routing.

Client Side Routing​

Navigering i klienten, det vill säga i webbläsaren. Exempel på uppsättning för Remix men principen är densamma för andra ramverk.

import { Link, RouterProvider } from '@midas-ds/link-button';
import { useNavigate } from '@remix-run/react'; // or any other framwork router
...
export default function App() {
  const navigate = useNavigate();
  return (
      <RouterProvider navigate={navigate}>
          <LinkButton href={'/'}>Home</LinkButton>
          <LinkButton href={'about'}>About</LinkButton>
          <LinkButton href={'more'}>More</LinkButton>
        <Outlet />
      </RouterProvider>
  );
}

Beroenden​

Riktlinjer​

Se mönstret Knappar och länkar