Angular アクションシート | ng-hub-ui-action-sheet

インタラクティブなサンプル

一般的な Angular のユースケースでライブラリがどのように動作するかを示すライブサンプルをご覧ください。

シートを開く

シートはサービスから開き、一度だけ応答します。閉じている間はページに何も残りません。

ロールとハンドラー

ロールは各アクションの位置と見え方を決め、ハンドラーはシートを閉じてよいかを決めます。

アクションのグループ化

独自の見出しを持つブロック。平坦なリストでは読みづらくなる長いシート向けです。

アクセントとトークン

シート全体に効く 1 つのセマンティックアクセントと、その下の各視覚要素の CSS 変数。