レイアウト v1.0.0

レイアウトスプリッター

調整可能なパネルレイアウトを作成するためのドラッグ可能な仕切り付きリサイズ可能レイアウトコンポーネント。 水平・垂直方向、サイズ制約、オプションのlocalStorage永続化に対応しています。

プレビュー & コード

オプション

名前 型 デフォルト 説明
direction Symbol :horizontal Layout direction: :horizontal or :vertical
handle Symbol :minimal Handle style: :minimal (thin line) or :visible (with grip dots)
persist Boolean false Save panel sizes to localStorage
persist_key String nil Custom localStorage key (auto-generated if nil)
min_size String/Integer nil Minimum panel size in pixels (e.g., 100) or percentage (e.g., '20%')
max_size String/Integer nil Maximum panel size in pixels (e.g., 500) or percentage (e.g., '80%')
initial_sizes Array nil Initial panel sizes as percentages (e.g., [30, 70])
class String "" Additional CSS classes for the container

変更履歴 v1.0.0

- v1.0.0: Initial release with horizontal/vertical layouts, size constraints, and persistence

フルアクセスを取得

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

今すぐアクセスを取得