コンポーネント

51 個の公開コンポーネントと 13 個の機能検証ラボ。すべての録画は E2E harness が操作する実際の zenit Storybook ウィンドウの Metal drawable から取得しています。ソースと Props 表はリポジトリから直接抽出しています。

Buttonui.widgets.Buttonプライマリ、セカンダリ、破壊的操作、リンク風、アイコンのみのボタン。Checkboxui.widgets.Checkbox未選択・選択・不確定の状態を持つ独立したブール値の選択。Switchui.widgets.Switch即時に反映される設定のためのトグル。Radioui.widgets.RadioGroup排他的な選択肢から値を一つだけ選びます。Sliderui.widgets.Slider連続または段階的な範囲から数値を選びます。Rateui.widgets.Rate星評価、または上限付きの個数による評価。NumberStepperui.widgets.NumberStepper数量やパラメータを正確に増減します。Inputui.widgets.Input1 行のテキスト、メール、パスワード、検索の入力。Textareaui.widgets.Textareahelper、error、無効状態に対応した複数行編集。Selectui.widgets.Select単一選択、複数選択、クリア可能、検索可能なセレクター。Form CompositionInput · Select · Button同じサイズ段階の Input、Select、Button の組み合わせ：フィルターツールバーと業務フォーム。ComboBoxui.widgets.ComboBox検索・絞り込みができ、値を書き戻す複合入力。TagsInputui.widgets.TagsInputキーボードで複数の token を続けて入力します。FileUploadui.widgets.FileUploadファイル選択とドロップ先。DatePickerui.widgets.DatePicker日付を入力するか、カレンダーから選びます。DateRangePickerui.widgets.DateRangePicker開始日と終了日を選びます。Formui.widgets.FormOf(T)型付きのフォーム状態、フィールドのメタ情報、検証タイミング。Badgeui.widgets.Badge控えめな状態表示、件数、セマンティックカラーのラベル。Tagui.widgets.Tag閉じられる、または読み取り専用の分類ラベル。Chipui.widgets.Chipコンパクトな選択肢、フィルター条件、アイコン付き token。Cardui.widgets.Cardタイトル、本文、インタラクティブな面を一つの視覚単位にまとめます。Alertui.widgets.Alertページ内に留まるフィードバック。Progressui.widgets.Progress確定的な進捗と不確定なタスク状態。Spinnerui.widgets.Spinner短い読み込み待ちのためのコンパクトなアニメーション。Skeletonui.widgets.Skeletonコンテンツの読み込み中に表示するプレースホルダーの骨組み。Timelineui.widgets.Timeline時間や状態ごとに縦方向のイベントを表示します。Breadcrumbui.widgets.Breadcrumb現在の位置とその祖先のパスを示します。Stepsui.widgets.Steps複数段階のタスクの完了・現在・未処理の状態を示します。Treeui.widgets.Tree階層データ、ファイルツリー、展開可能な構造。Tableui.widgets.Table固定の列定義とカスタム cell renderer を備えた基本テーブル。DataTableui.widgets.DataTableフィルター、ページング、列の挙動を備えたデータテーブル。Calendarui.widgets.Calendar月表示での日付の閲覧と選択。Markdownui.widgets.Markdownサポートされる Markdown のサブセットをネイティブノードとして描画します。Iconsui.system_iconsプロバイダーに依存しないセマンティックなアイコンロール、サイズ、着色。Tabsui.widgets.Tabs同じコンテキスト内で同階層のビューを切り替えます。Accordionui.widgets.Accordionセクションの折りたたみと展開。Menuui.widgets.Menuショートカットのヒント付きのコンテキストアクション一覧。DropdownMenuui.widgets.DropdownMenuボタンから開くコマンドの一覧。Notificationui.widgets.Notifier作業を中断しない通知：9 種類のタイプ、進捗、アクションボタン、スタック、8 つの配置位置。Tooltipui.widgets.Tooltipコントロールに短い補足説明を添えます。Popoverui.widgets.PopoverTooltip より豊かな一時的コンテンツを表示します。Modalui.widgets.Modalブロッキングなタスク、確認、集中すべきコンテキスト。Sheetui.widgets.Sheetウィンドウの端からスライドインする補助パネル。GlassBoxui.widgets.GlassBox本物の backdrop blur を使ったガラスの面。Dividerui.widgets.Divider水平、垂直、ラベル付きの区切り線。Stackui.widgets.HStack / VStackよく使う水平・垂直の並び。Layout / Box Modelui.boxボックスモデル、パーセント、絶対配置、Flex / Grid、クリッピングの網羅マトリクス。VirtualListui.widgets.VirtualList大量の等高データのうち、表示範囲だけをマウントします。VirtualList (Dynamic)ui.widgets.VirtualList行の高さが異なる仮想リスト。ScrollAreaui.widgets.mountScrollArea自前描画のスクロール、スクロールバー、プログラムからの位置指定。Gridui.widgets.mountGrid2 次元の行列データとカスタム cell renderer。GlassLabui.widgets.GlassBoxGlassBox の光学パラメータ実験台：屈折、ベゼル幅、拡大。GlassIslandsui.widgets.GlassBox同じ背景の上に重ねた複数のガラスの島。GlassMotionui.widgets.GlassBoxガラスの変形と、スクロールに合わせて浮かぶツールバー。GlassChromeui.widgets.GlassBoxアプリの chrome：スクロールするコンテンツの上にガラスのタイトルバーとツールバー。CanvasEventsui.eventsキャンバスレベルのイベント：スクロール、拡大ジェスチャー、ドラッグ、クリップボード経由の PNG 往復。Dragui.interactionドラッグと水平方向の resize ハンドル。Gesturesui.interactionシングル、ダブル、トリプルクリックと長押しのジェスチャー調停。AnimControlsui.fxアニメーション制御：yoyo、タイムライン、キーフレーム、スプリング。VectorPathui.pathベクターパスのジオメトリ：ストローク、塗り、ヒットテスト。BlendModesui.boxブレンドモードと不透明度の合成。Emojiui.textカラー絵文字、ZWJ シーケンス、肌の色の修飾子。RTLui.textアラビア文字、ヘブライ文字、ラテン文字の混在テキスト。WordNavui.widgets.Textarea文字体系をまたいだ単語単位のカーソル移動。