FocusScope

FocusScope는 children 컴포넌트 외 다른 영역을 포커스 할 수 없고 자동으로 포커스 영역을 이동하는 컴포넌트 입니다.

Introduce

children 컴포넌트 외 다른 영역을 포커스 할 수 없고 자동으로 포커스 영역을 이동합니다. 일반적으로 사용하지 않으며 직접 시스템 컴포넌트를 구현할 때 사용합니다.

  • @radix-ui/react-focus-scope 컴포넌트를 재구성하여 제공하고 있습니다.
  • wds-ignore-first-focus="true" 속성을 가진 요소는 첫 번째 포커스 이벤트에서 제외됩니다.

API

NameTypesdefaultValue
loop
boolean
false
trapped
boolean
true
trappedContent
boolean
false
disableFocusScope
boolean
false
onMountAutoFocus
(event: Event) => void
-
onUnmountAutoFocus
(event: Event) => void
-

© 2026 Wanted Lab, Inc.