メイソンリーグリッド

CSSカラムベースのメイソンリーレイアウトでレスポンシブなカラム数調整に対応。 コンテンツが自然にカラムに流れ込み、Pinterest風のレイアウトを実現します。

プレビュー & コード

オプション

名前 デフォルト 説明
columns Integer 3 Number of columns
gap Symbol :md Gap between items: :sm, :md, :lg
responsive Boolean true Auto-adjust columns for smaller screens

変更履歴 v1.0.0

- Initial release with CSS column-count masonry
- Responsive column adjustment

フルアクセスを取得

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

今すぐアクセスを取得