Luonnos

useNonInteractiveFocus

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

React API

className

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

Tyyppi: string
shouldCleanup

Määrittää siivoaako funktio lisäämänsä attribuutit pois kohdistuksen poistuessa elementistä.

Tyyppi: boolean

Oletusarvo: true
focusRing

Määrittää visuaalisen tyylin kohdistukselle. Arvo false kytkee korostuksen pois.

Tyyppi: FocusRing | false

Oletusarvo: offsetDark
focusRingType

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

Tyyppi: FocusRingType

Oletusarvo: focusVisible
preventScroll

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

Tyyppi: boolean

Oletusarvo: false

focusToElement

Funktio kohdistuksen siirtämiseen. Palauttaa cleanup-funktion.

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