Spindleブランド原則スタイルコンポーネントSpindleについて更新情報コンポーネントステータスButtonCheckboxListModalTextFieldパターンレイアウトアクセシビリティModalModalはページ上の操作を無効にし、ユーザーに情報を提供したり、ユーザーがタスクを完了するのを助けたりするコンポーネントです。一時的にユーザーのインタラクションを中断するため、安易に使用しないでください。90%(9割モーダル)特長コンテンツに比較的集中させることができるインタラクションコストが比較的低いメインタスクから切り離された新しいタスクを発生させてもよい多くの情報を見せることができるレイアウトModal系で使用するコンポーネントのレイアウトについてのガイドです。iOSとAndroidの差異についても記述します。Headerのレイアウトです。OS(iOS・Android)によって見出しの位置に差分があります。OverlayModalの位置によって、BackgroundのOverlayの濃さを調整します。これは、Backgroundタスクのコンテキストの継承レベルを視覚的に表すためです。Indicatorがあり、基本的にそこに要素が干渉しないようにします。ModalのSheetの角丸を定義しています。Modalの出現Animationについて定義しています。Scroll見出しに対して遷移を行えるだけの一番シンプルなリストの例です。アクセシビリティ現在作成中です。SpindleはAmebaを作るすべての人が「Amebaらしさ」をつくるための約束ごとや、それを手助けするツールやガイドラインが揃ったデザインシステムです。