Article Layout
5 components in this category.
5 components in this category.
これはColumnコンポーネントのデモです。ボーダーで囲まれたコンテンツエリアを作成します。
Bordered container for highlighting content sections in MDX articles. White border for visual separation, responsive padding — used for callouts, asides, or featured content.
5 variants
このテキストはフロートされた要素の横に配置されます。FlowRootコンポーネントは新しいブロックフォーマティングコンテキストを作成し、フロートされた要素を適切に含みます。
Utility wrapper that creates a new block formatting context. Applies CSS `flow-root` display to contain floated elements within their parent container — used with floated images in MDX articles.
3 variants
これは左側のコンテンツです。デスクトップでは2カラムで表示されます。
これは右側のコンテンツです。モバイルでは縦に並びます。
Two-column grid layout for side-by-side content in MDX articles. Responsive: stacked on mobile, side-by-side on desktop (lg+). Used with `LayoutDivideItem` for each column.
3 variants
LayoutDivideItem は LayoutDivide の各カラムを包むラッパーです。
Per-column wrapper for the LayoutDivide two-column grid. Adds responsive bottom padding and a DOM-contract hook; forwards HTML attributes and merges className.
2 variants
Article content fills the fluid column — no fixed em measure caps it.
280px sidebar / fluid content / xl+ TOC-rail grid for /metamodule-doc/ article pages, capped at the zudo-doc band width (epic decision 6). Prose is max-w-none — no fixed em measure.
1 variant