@ablogcms/components

管理画面フロントエンド共通の UI コンポーネント集（Alert / Modal / Drawer / Pagination / DataView / RichSelect / DatePicker / IconPicker / WysiwygEditor 等）を提供するパッケージ。

使い方

各コンポーネントは @ablogcms/components/<name> から import する。

import { Alert } from '@ablogcms/components/alert';
import { Button } from '@ablogcms/components/button';

slot（Radix asChild）と slot-fill（名前付き複数差し込み）

似た名前だが無関係の別物。

| | ./slot | ./slot-fill | |---|---|---| | 由来 | Radix UI の asChild 合成パターン | 独自実装（SlotFillProvider / Slot / Fill） | | 目的 | 単一要素へのプロパティ委譲 | 名前付きレジストリへの UI 差し込み（管理画面拡張の受け皿） | | 登録数 | 常に単一 | 同名 Slot に複数の Fill を同時登録できる（登録順に描画） |

slot-fill は Context ベースのレジストリで、SlotFillProvider で 1 度ラップした配下でのみ Slot / Fill が使える。Fill の子には通常の ReactNode のほか render-prop や、 DomFillMount 経由で (el: HTMLElement) => void | (() => void) 形式の DOM コールバックも渡せる （React を書けない制作者向け）。