Luonnos

useNonInteractiveFocus

React Hook kohdistuksen hallintaan HTML-elementeille, jotka eivät normaalisti saa kohdistusta.

API

className

Tyyppi: string

CSS-luokka, joka lisätään elementille kohdistuksen siirtyessä siihen.
shouldCleanup

Tyyppi: boolean

Oletusarvo: true
Määrittää siivoaako funktio lisäämänsä attribuutit pois kohdistuksen poistuessa elementistä.
focusRing

Tyyppi: FocusRing | false

Oletusarvo: offsetDark
Määrittää visuaalisen tyylin kohdistukselle. Arvo false kytkee korostuksen pois.
focusRingType

Tyyppi: FocusRingType

Oletusarvo: focusVisible
Määrittää käytetäänkö focus vai focus-visible CSS-pseudoluokkaa visuaalisen korostuksen näyttämiseen.
preventScroll

Tyyppi: boolean

Oletusarvo: false
Optio, joka välitetään natiiville focus-funktiolle. Määrittää vieritetäänkö sivu kohdistettavaan kohtaan.

focusToElement

Tyyppi: (element: HTMLElement | RefObject<HTMLElement> | MutableRefObject<HTMLElement>) => () => void

Funktio kohdistuksen siirtämiseen. Palauttaa cleanup-funktion.