API リファレンス

action-sheet の完全な仕様をここにまとめました。バインド、リッスン、プロジェクション、テーマ設定ができるすべてが一か所に集約されています。必要なものを接続し、好きなようにスタイリングしてください — standalone で signal フレンドリーです。

10 個のインプットで action-sheet を調整。通常の Angular @Input と同じようにバインドできます。

名前	型	デフォルト	説明
`buttons`必須	`(HubActionSheetButton \| HubActionSheetGroup)[]`	—	アクション。平坦にも、見出し付きグループにもできます。
`header`	`string`	—	シートのタイトルであり、アクセシブルネーム。
`subHeader`	`string`	—	見出しの下の補助行。
`variant`	`string`	—	セマンティックアクセント。--hub-sys-color-<variant> として読まれます。
`backdropDismiss`	`boolean`	`true`	背景をクリックするとシートを閉じます。
`keyboard`	`boolean`	`true`	Escape でシートを閉じます。
`swipeToClose`	`boolean`	`true`	しきい値を超えて下へドラッグすると閉じます。
`animation`	`boolean`	`true`	開閉をアニメーションします。prefers-reduced-motion では無視されます。
`panelClass`	`string \| string[]`	—	シート要素への追加クラス。1 枚だけを装飾するために。
`ariaLabel`	`string`	—	見出しがない場合のアクセシブルネーム。

アウトプットはまだドキュメント化されていません。

action-sheet をコードから操作 — プログラム操作のための 5 個のメソッドを備えています。

名前	シグネチャ	戻り値	説明
`HubActionSheet.open`	`open<D>(options: HubActionSheetOptions<D>): HubActionSheetRef<D>`	—	シートをドキュメントにマウントし、その結果へのハンドルを返します。
`HubActionSheetRef.result`	`result: Promise<HubActionSheetResult<D>>`	—	一度だけ解決します。選択されたアクションのロールとデータ、または閉じられ方で。
`HubActionSheetRef.closed$`	`closed$: Observable<HubActionSheetResult<D>>`	—	result と同じ値を、ストリームで扱う利用側のために。
`HubActionSheetRef.dismiss`	`dismiss(role?: 'backdrop' \| 'escape' \| 'swipe' \| string): void`	—	外部からシートを閉じ、指定したロールを報告します。
`provideHubActionSheet`	`provideHubActionSheet(config: Partial<HubActionSheetConfig>): EnvironmentProviders`	—	すべてのシートの出発点となるアプリ全体の既定値を設定します。

テンプレートはまだドキュメント化されていません。