Design

Shortcuts

@/components/Shortcuts

Tastatursnarveier i «g, så en bokstav»-mønsteret (som GitHub/Linear) — to tastetrykk, ingen modifikatorer.

Når brukes den

  • Montert ÉN gang i dashboard-layouten — ikke også lokalt på en enkelt side.

  • `?` åpner en oversikt over alle snarveiene som en Modal.

  • Fyrer ALDRI mens brukeren skriver (input/textarea/select/contenteditable) eller når en dialog er åpen — snarveier skal aldri kapre en tekst.

  • Ikke legg til en snarvei for en handling uten en tilsvarende side å navigere til — dagens liste er faste, navngitte mål.

Eksempler

Snarveisoversikten

Innholdet i modalen som åpnes med «?» — vist statisk her (den ekte komponenten er allerede montert i dashboard-layouten, og skal ikke monteres to ganger på samme side).

  • Dashbord

    gd
  • Eiendom

    ge
  • Økonomi

    go
  • Felleskostnad

    gf
  • Årsmøte

    ga
  • Årshjul

    gh
  • Innstillinger

    gi
  • Søk og kommandoer

    K
  • Denne oversikten

    ?
import { SHORTCUTS } from '@/components/Shortcuts'
import { Kbd } from '@/components/ui/Kbd'

SHORTCUTS.map(s => <li>{s.hva} — {s.taster.split(' ').map(t => <Kbd>{t}</Kbd>)}</li>)

Beslektede komponenter