Extended Action Sheet

Extended Action Sheet는 사용자가 특정 작업에 관한 선택지뿐만 아니라 추가적인 선택지를 제공할 때 사용하는 시트 형태의 컴포넌트입니다.

Installation

npx @seed-design/cli@latest add extended-action-sheet

Props

`ExtendedActionSheetRoot`

Prop	Type	Default
`onOpenChange?`	`((open: boolean) => void)`	-
`defaultOpen?`	`boolean`	-
`open?`	`boolean`	-
`unmountOnExit?`	`boolean`	`false`
`lazyMount?`	`boolean`	`false`
`closeOnEscape?`	`boolean`	`true`
`closeOnInteractOutside?`	`boolean`	`true`
`role?`	`"dialog" \| "alertdialog"`	`"dialog"`
`children?`	`ReactNode`	-

`ExtendedActionSheetContent`

Prop	Type	Default
`asChild?`	`boolean`	`false`
`layerIndex?`	`number`	-
`title?`	`ReactNode`	-

`ExtendedActionSheetItem`

Prop	Type	Default
`tone?`	`"neutral" \| "critical"`	`neutral`
`asChild?`	`boolean`	`false`

Error State

사용자에게 오류 혹은 조회 결과가 없음을 알리는 컴포넌트입니다.

Extended FAB

이 문서는 정리 중이에요. 문의 내용은 #_design_core 채널을 찾아주세요.