React Dim Actions

• example : https://codesandbox.io/p/devbox/quizzical-julien-s8qtrc?file=%2Fsrc%2FApp.tsx&embed=1

• Dim 처리되는 배경과 여러가지 액션으로 구성되는 라이브러리

---

• DimArea Dim처리가 되는 Area에 대한 설정

  AreaInfo

  DimArea에 대한 정보

  property	require	type	descripton
  active	require	Boolean	Dim 노출 여부
  clearAction	option	() => void	Dim 영역 클릭에 대한 Dim 노출 해제 함수
  immediateClear	option	Boolean	Dim 영역 바로 해제에 대한 여부
  spread	option	Spread	DimArea가 전개되는 방식
  zIndex	option	Number	DimArea의 zIndex(Default 150)

  Spread

  DimArea가 전개되는 방식에 대한 정보

  property	require	type	descripton
  direction	option	Enum(left,right,top,bottom)	DimArea의 전개 방향
  delay	option	Number	DimArea 전개전 딜레이
  duration	option	Number	DimArea 전개 시간

• GridActArea DimArea 정중앙에 위치를 잡기 위한 Area

  ActionSpread

  GridActArea에 대한 정보

  property	require	type	descripton
  active	require	Boolean	ActArea 노출 여부