ComponentsDeprecated
Extended Action Sheet (Deprecated)
더 이상 사용되지 않습니다. Menu Sheet을 사용하세요.
옵션 테이블
| 속성 | 값 | 기본값 |
|---|---|---|
| title | string | |
| description | string |
Specification
Extended Action Sheet
base
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | backdrop | color | |
| enterDuration | |||
| enterTimingFunction | |||
| enterOpacity | 0 | ||
| exitDuration | |||
| exitTimingFunction | |||
| exitOpacity | 0 | ||
| content | color | $color.bg.layer-floating 앱의 모든 콘텐츠 위를 덮으며(floating) 나타나는 임시 레이어입니다. 모달성 요소들이 여기에 속합니다. | |
| maxWidth | 480px | ||
| paddingX | $dimension.spacing-x.global-gutter 화면 전체에 적용되는 기본 수평 padding 값입니다. | ||
| paddingY | |||
| topCornerRadius | |||
| enterDuration | |||
| enterTimingFunction | |||
| exitDuration | |||
| exitTimingFunction | |||
| header | gap | ||
| paddingBottom | |||
| title | fontSize | ||
| lineHeight | |||
| fontWeight | |||
| color | $color.fg.neutral 일반적인 콘텐츠에 사용되는 기본 색상입니다. | ||
| description | fontSize | ||
| lineHeight | |||
| fontWeight | |||
| color | $color.fg.neutral-muted 일반적인 콘텐츠에 사용되는 기본 색상입니다. (muted) | ||
| list | gap | ||
| group | cornerRadius | ||
| divider | strokeBottomWidth | 1px | |
| strokeColor | $color.stroke.neutral-muted 일반적인 콘텐츠에 사용되는 기본 색상입니다. (muted) | ||
| footer | paddingTop |
Extended Action Sheet Item
base
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | root | color | $color.bg.neutral-weak 일반적인 콘텐츠에 사용되는 기본 색상입니다. (weak) |
| minHeight | 52px | ||
| paddingX | |||
| paddingY | |||
| gap | |||
| prefixIcon | size | 22px | |
| label | fontSize | ||
| lineHeight | |||
| fontWeight | |||
| pressed | root | color | $color.bg.neutral-weak-pressed 일반적인 콘텐츠에 사용되는 기본 색상입니다. (weak-pressed) |
tone=neutral
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | prefixIcon | color | $color.fg.neutral 일반적인 콘텐츠에 사용되는 기본 색상입니다. |
| label | color | $color.fg.neutral 일반적인 콘텐츠에 사용되는 기본 색상입니다. |
tone=critical
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | prefixIcon | color | $color.fg.critical 오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다. |
| label | color | $color.fg.critical 오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다. |
Extended Action Sheet Close Button
base
| 상태 | 슬롯 | 속성 | 값 |
|---|---|---|---|
| enabled | root | color | $color.bg.neutral-weak 일반적인 콘텐츠에 사용되는 기본 색상입니다. (weak) |
| minHeight | 52px | ||
| cornerRadius | |||
| paddingX | |||
| paddingY | |||
| label | color | $color.fg.neutral 일반적인 콘텐츠에 사용되는 기본 색상입니다. | |
| fontSize | |||
| lineHeight | |||
| fontWeight | |||
| pressed | root | color | $color.bg.neutral-weak-pressed 일반적인 콘텐츠에 사용되는 기본 색상입니다. (weak-pressed) |
Last updated on