スタック

設定可能なギャップ、配置、アイテム間のオプションの区切り線を備えた、 要素を縦または横に積み重ねる柔軟なレイアウトコンポーネント。

プレビュー & コード

オプション

名前 デフォルト 説明
direction Symbol :vertical Stack direction: :vertical or :horizontal
gap Symbol :md Spacing between items: :xs, :sm, :md, :lg, :xl
align Symbol :stretch Cross-axis alignment: :start, :center, :end, :stretch
justify Symbol :start Main-axis alignment: :start, :center, :end, :between
wrap Boolean false Whether items should wrap to next line
dividers Boolean false Show dividers between items
class String "" Additional CSS classes

変更履歴 v1.0.0

- Initial release with vertical and horizontal directions
- Configurable gap, alignment, and justification
- Optional dividers between items
- Wrap support for horizontal stacks

フルアクセスを取得

このコンポーネントと他のすべてのソースコードをアンロックしましょう。一回のお支払いで永久アクセス。

今すぐアクセスを取得