Sheet
Sheet는 화면의 가장자리에서 슬라이드되어 나타나는 오버레이 컴포넌트입니다. 사이드바, 메뉴, 폼, 상세 정보 등을 표시할 때 사용합니다.Property
Side
Sheet가 나타날 위치를 설정합니다. 기본값은 'right'입니다.
Controlled State
Sheet의 열림/닫힘 상태를 외부에서 제어합니다.
Keep Mounted
Sheet가 닫혀도 DOM에서 제거되지 않고 유지되도록 설정합니다.
Examples
Custom Usage
유연하게 Sheet를 사용합니다.
Resizable
Sheet의 크기를 자유자재로 조절하길 원한다면 <Sheet.ResizeHandle />을 사용하세요.
조절 가능 영역을 제한하고 싶다면 <Sheet.Popup /> 컴포넌트에 min/max-height, min/max-width 속성을 적용하세요.
Props Table
Sheet.Root
Loading component documentation...
Sheet.Trigger
Loading component documentation...
Sheet.Popup
Loading component documentation...
Sheet.PortalPrimitive
Loading component documentation...
Sheet.OverlayPrimitive
Loading component documentation...
Sheet.PopupPrimitive
Loading component documentation...
Sheet.PositionerPrimitive
Loading component documentation...
Sheet.ResizeHandle
Loading component documentation...
Sheet.Header
Loading component documentation...
Sheet.Body
Loading component documentation...
Sheet.Footer
Loading component documentation...
Sheet.Title
Loading component documentation...
Sheet.Description
Loading component documentation...
Sheet.Close
Loading component documentation...