Actions

ActionSheet

Actions that slide up from the bottom of the screen.

iOSSwiftUI confirmationDialogAndroidSheet with a list of actionsRenders in a Screen or an Island
iOSSwiftUI confirmationDialog
AndroidSheet with a list of actions

Import

ts
import {ActionSheet} from '@hzblj/kara-ui'

Props

A list of actions to pick one from: SwiftUI's confirmation dialog on iOS, a Sheet of Material rows — icon and label — under the title on Android. A native atom — it renders inside <Screen> or <Island>.

PropTypeDescription
actions*MenuAction[]

The choices, top to bottom. Picking one closes the sheet.

onDismiss*() => void

The sheet closed — after a pick too — so turn visible off.

title*string

The heading above the actions. Android always shows it; on iOS the system decides, and may hide it.

visible*boolean

Presents the sheet while true.

actions*
MenuAction[]

The choices, top to bottom. Picking one closes the sheet.

onDismiss*
() => void

The sheet closed — after a pick too — so turn visible off.

title*
string

The heading above the actions. Android always shows it; on iOS the system decides, and may hide it.

visible*
boolean

Presents the sheet while true.

Platform notes

  • Controlled: visible opens it, and onDismiss is where you set it back to false.
  • iOS is a SwiftUI confirmation dialog — on iOS 26 a popover over its host — which may hide the title and draws no icons. Android is Material’s bottom-sheet menu, each action’s icon before its label.