From 4d2d492deb7ecb92cbc06838c38b3de281fb45ef Mon Sep 17 00:00:00 2001 From: Ben Date: Wed, 15 Oct 2025 10:29:38 +0100 Subject: [PATCH] Document gap and dense layout options (#18222) * Document gap and dense options * Add dense gap screenshot * chore: fix code style * consistency --------- Co-authored-by: Dan Harrin --- .../app/app/Livewire/Schemas/LayoutDemo.php | 33 +++++++++++++++++ .../images/dark/schemas/layout/dense.jpg | Bin 0 -> 24870 bytes .../images/dark/schemas/layout/no-gap.jpg | Bin 0 -> 24979 bytes .../images/light/schemas/layout/dense.jpg | Bin 0 -> 24633 bytes .../images/light/schemas/layout/no-gap.jpg | Bin 0 -> 24428 bytes docs-assets/screenshots/schema.js | 18 ++++++++++ packages/schemas/docs/02-layouts.md | 34 ++++++++++++++++++ 7 files changed, 85 insertions(+) create mode 100644 docs-assets/screenshots/images/dark/schemas/layout/dense.jpg create mode 100644 docs-assets/screenshots/images/dark/schemas/layout/no-gap.jpg create mode 100644 docs-assets/screenshots/images/light/schemas/layout/dense.jpg create mode 100644 docs-assets/screenshots/images/light/schemas/layout/no-gap.jpg diff --git a/docs-assets/app/app/Livewire/Schemas/LayoutDemo.php b/docs-assets/app/app/Livewire/Schemas/LayoutDemo.php index 87ac5670c1..20fe99691b 100644 --- a/docs-assets/app/app/Livewire/Schemas/LayoutDemo.php +++ b/docs-assets/app/app/Livewire/Schemas/LayoutDemo.php @@ -11,6 +11,7 @@ use Filament\Forms\Components\Select; use Filament\Forms\Components\Textarea; use Filament\Forms\Components\TextInput; use Filament\Forms\Components\Toggle; +use Filament\Infolists\Components\TextEntry; use Filament\Schemas\Components\Actions; use Filament\Schemas\Components\EmptyState; use Filament\Schemas\Components\Fieldset; @@ -90,6 +91,38 @@ class LayoutDemo extends Component implements HasActions, HasSchemas ]) ->columns(3), ]), + Group::make() + ->id('dense') + ->extraAttributes([ + 'class' => 'p-16 max-w-2xl', + ]) + ->schema([ + Fieldset::make('Dense') + ->columns(1) + ->dense() + ->schema([ + TextEntry::make('name') + ->state('Dan Harrin'), + TextEntry::make('role') + ->state('Admin'), + ]), + ]), + Group::make() + ->id('noGap') + ->extraAttributes([ + 'class' => 'p-16 max-w-2xl', + ]) + ->schema([ + Fieldset::make('No gap') + ->columns(1) + ->gap(false) + ->schema([ + TextEntry::make('name') + ->state('Dan Harrin'), + TextEntry::make('role') + ->state('Admin'), + ]), + ]), Group::make() ->id('tabs') ->extraAttributes([ diff --git a/docs-assets/screenshots/images/dark/schemas/layout/dense.jpg b/docs-assets/screenshots/images/dark/schemas/layout/dense.jpg new file mode 100644 index 0000000000000000000000000000000000000000..0751078422c895cea3e38924a464a13973122428 GIT binary patch literal 24870 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 literal 0 HcmV?d00001 diff --git a/docs-assets/screenshots/images/dark/schemas/layout/no-gap.jpg b/docs-assets/screenshots/images/dark/schemas/layout/no-gap.jpg new file mode 100644 index 0000000000000000000000000000000000000000..7f299c5f3309029c76e8a4a9a7a8da30e97a4643 GIT binary patch literal 24979 zcmeHu3s{ob+BQu)Yig#(G@Ueaw(cxz)J&1mQD(k8Orz*Hij;~@y3<6(Q4tzZnRZj2 zGI!HK#n6Jngv3gbfRLsb10YZeqA2(?d(Z6eu=oD{{_CG>X8-@^%XPiL zyPowvYu#(D=Y7`m-0$+!GuozAwfU;$Hh|ra zO_;xFDa^cY>B1$-&*iD00SlfmOmG)e6Jv|g1`y_D+sJ0 zu!6t}0xJmoOCqpJ#sUtDePS5iey1-KO!!_AHzBDlFPtceR1XPP_tBH1xqi!lkJv6t zk;{NTUB#ZmvsNzyK52;~WFPG78qB;kBA*D)ElHrF`f`9BYP3;ic)ifP$M8GB9Cfod zjCq?i?xjl6_m)GZb6tbv!uU8P$R(^Nz}RkuXb$cSaJ0G_z?P9E^$j7OLLD8UYov!)RZG+u1 zfOL+tILqxSbd*IG#5L3>$n-fSGambp5r`g&Z;rr&^}*(iSH9Qe54%+H?#y~aM5FB& zumVK80`1Zs!oi#pY?YT^#u_?;AGd-d~3z*EfK@Qw`Tka<^-FQ8PMh6*kG^f z#vMQKpg<79i{wW_fc~n=N{PGM12g_q*fqn!>$gf5K>K!v@!Y9$c$Ykf!i-ZIK64as zQ5_4lQS(}TwOiy=FzKDMcuo2yug+b# zn&(nIl>t7k#p*9LkRFj~P9Mb*Gba+30UMnh>xb}31VIpvyJ+)>*jf&ZJKu7q0TfIr zwMyf)Kki~%cpf1YOlfoFwJ5AEjNK)(3HXgQQE z4dMC5OCsr$5YC2i)Ys*SP<~T#M1O|RGLu|MW&^|W-J@g@cXv4jRA5VDpFo&1INNjg z4R{~w9hz2rePmwqOiYI}+h`?8N%fSSxM)0AQb^sb=ojNp6>+u0b+63!9L^DhMNhZ0 zz*}*+Y4jpD?j@O%%NAtNFvhs4#5MQx;tTax@-hnb#8njztUWX*f!$}A+{$mv9%}N9 zU!!B@>z4s*Ah}QD%DH{6PjFkn&u-e<4lDyeju2UV^6c#lXrh}vgpL-7cA|K2kg7YR zK$d2QvE4MV_FAy_nRl&jiqid@QW)D=`<#muq6K82tb75ZztO<)1YgOwH(CTO2;)Fk zH=f@!wG2p47gl67_E#BVwhk`Vmn{RR7|d8mpAPc*yUHnDK$O9*<&2~YK^)(b%!dL4 zW#ojxjN&tm8sCBGWYmrG6$O=)TkrafE5Mg>paHf^K$yKq?i&>FaKOta%~i&UGrN(o z(=VZXxP*GgJhF4lG_M<_k@qHf+|<`-pX<{hWuJ|EedW;rJyoELqh`kPJq6%zb7XaS zi^QbQadF>?=HloB6HTcO%ACX$ZJ?7cQ&o!MhvYDVCL;wt%Ygk$zgKWJ0;lgoIK906 z^jnlrkN$ty{@R<8IeRkTqs@iiMqI-A>N(cOeCCobAC;+~M7vUL;WQR%ABIDpWXBs87 zL`F%tM|d3>Dl1-s1 zs4gh0#&{1Vz!`Po?-eR4xS8)609FTp8FC%+8)Q0dC<}dx=cKBug=6-qWkdUgd$dA0 z=q4FaEA>=wPADKwb!56M7fcy zZWK2y_)>%0A2CXkmH{4x1$d_hqd^yZ40;YXo||KV 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 JSiL;_zW_2D>+}Es literal 0 HcmV?d00001 diff --git a/docs-assets/screenshots/images/light/schemas/layout/dense.jpg b/docs-assets/screenshots/images/light/schemas/layout/dense.jpg new file mode 100644 index 0000000000000000000000000000000000000000..eb974405a1c95da52072bd56828fbad1a03c62f9 GIT binary patch literal 24633 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 literal 0 HcmV?d00001 diff --git a/docs-assets/screenshots/images/light/schemas/layout/no-gap.jpg b/docs-assets/screenshots/images/light/schemas/layout/no-gap.jpg new file mode 100644 index 0000000000000000000000000000000000000000..4b6b30b9c468eb279922bd19630256560a729c72 GIT binary patch literal 24428 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 literal 0 HcmV?d00001 diff --git a/docs-assets/screenshots/schema.js b/docs-assets/screenshots/schema.js index f9e21e9923..694399bdda 100644 --- a/docs-assets/screenshots/schema.js +++ b/docs-assets/screenshots/schema.js @@ -1538,6 +1538,24 @@ export default { deviceScaleFactor: 3, }, }, + 'schemas/layout/dense': { + url: 'schemas/layout', + selector: '#dense', + viewport: { + width: 1920, + height: 640, + deviceScaleFactor: 3, + }, + }, + 'schemas/layout/no-gap': { + url: 'schemas/layout', + selector: '#noGap', + viewport: { + width: 1920, + height: 640, + deviceScaleFactor: 3, + }, + }, 'schemas/layout/tabs/simple': { url: 'schemas/layout', selector: '#tabs', diff --git a/packages/schemas/docs/02-layouts.md b/packages/schemas/docs/02-layouts.md index 45b306f18c..82f498100c 100644 --- a/packages/schemas/docs/02-layouts.md +++ b/packages/schemas/docs/02-layouts.md @@ -404,6 +404,40 @@ Grid::make() In this example, the fallback breakpoints ensure that even in browsers that don't support container queries, the layout will still respond to viewport size changes, with the name field appearing first and the email field second on larger screens. +## Controlling spacing between components + +### Reducing space between components + +The `dense()` method creates a more compact layout by reducing the spacing between components by 50%: + +```php +use Filament\Schemas\Components\Grid; + +Grid::make() + ->dense() + ->schema([ + // ... + ]) +``` + + + +### Removing space between components + +The `gap(false)` method removes space between components: + +```php +use Filament\Schemas\Components\Grid; + +Grid::make() + ->gap(false) + ->schema([ + // ... + ]) +``` + + + ## Adding extra HTML attributes to a layout component You can pass extra HTML attributes to the component via the `extraAttributes()` method, which will be merged onto its outer HTML element. The attributes should be represented by an array, where the key is the attribute name and the value is the attribute value: