Action Sheet

Action Sheet는 사용자의 작업과 관련된 선택지를 제공하는 시트 형태의 컴포넌트입니다.

Installation

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

Props

`ActionSheetRoot`

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`	-

`ActionSheetContent`

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

`ActionSheetItem`

Prop	Type	Default
`tone?`	`"neutral" \| "critical"`	`neutral`
`label?`	`ReactNode`	-

Action Chip

사용자가 특정 액션을 실행할 수 있도록 도와주는 Pill 형태의 컴포넌트입니다.

Alert Dialog

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