DEV Community
·
在Filament资源中添加带选项的侧边栏
💡
原文英文，约200词，阅读约需1分钟。
📝
内容提要
使用Filament可以在资源创建和编辑视图中添加侧边栏。通过Split组件创建包含两个Section组件的布局，第二个Section的grow属性被禁用。在屏幕较小时，Split组件会显示为单列布局，确保column span设置为full以充分利用水平空间。
🎯
关键要点
- 使用Filament可以在资源创建和编辑视图中添加侧边栏。
- 布局是通过Split组件创建的，包含两个Section组件。
- 第二个Section的grow属性被禁用，以占用最小空间。
- 当屏幕尺寸小于xl断点时，Split组件会显示为单列布局。
- 确保Split组件的column span设置为full，以充分利用水平空间。
❓
延伸问答
如何在Filament中添加侧边栏？
可以通过使用Split组件来创建包含两个Section组件的布局，从而在资源创建和编辑视图中添加侧边栏。
Split组件的作用是什么？
Split组件用于创建包含多个Section组件的布局，允许在资源视图中分隔内容。
如何设置第二个Section的grow属性？
第二个Section的grow属性可以通过设置为false来禁用，以确保它只占用最小空间。
当屏幕尺寸小于xl断点时，布局会如何变化？
当屏幕尺寸小于xl断点时，Split组件会显示为单列布局。
如何确保Split组件充分利用水平空间？
确保Split组件的column span设置为full，以充分利用所有可用的水平空间。
Filament的资源创建和编辑视图有什么特点？
Filament的资源创建和编辑视图可以通过添加侧边栏和使用Split组件来实现灵活的布局。
➡️
