Loading...
Loading...
Build resizable panel layouts with ShadResizablePanelGroup and ShadResizablePanel; horizontal/vertical axis, defaultSize, minSize, maxSize, showHandle. Use when adding resizable split panes or panel groups in a Flutter shadcn_ui app.
npx skill4agent add serverpod/skills-registry shadcn_ui-resizableShadResizablePanelGroupShadResizablePaneliddefaultSizeminSizemaxSizechildaxis: Axis.verticalShadResizablePanelGroupshowHandle: truehandleIconhandleIconSrcShadResizablePanelGroup(
children: [
ShadResizablePanel(
id: 0,
defaultSize: .5,
minSize: .2,
maxSize: .8,
child: Center(child: Text('One', style: theme.textTheme.large)),
),
ShadResizablePanel(
id: 1,
defaultSize: .5,
child: ShadResizablePanelGroup(
axis: Axis.vertical,
children: [
ShadResizablePanel(
id: 0,
defaultSize: .3,
child: Center(child: Text('Two', style: theme.textTheme.large)),
),
ShadResizablePanel(
id: 1,
defaultSize: .7,
child: Align(child: Text('Three', style: theme.textTheme.large)),
),
],
),
),
],
)ShadResizablePanelGroup(
axis: Axis.vertical,
children: [
ShadResizablePanel(
id: 0,
defaultSize: 0.3,
minSize: 0.1,
child: Center(child: Text('Header', style: theme.textTheme.large)),
),
ShadResizablePanel(
id: 1,
defaultSize: 0.7,
minSize: 0.1,
child: Center(child: Text('Footer', style: theme.textTheme.large)),
),
],
)ShadResizablePanelGroup(
showHandle: true,
children: [
ShadResizablePanel(id: 0, defaultSize: .5, minSize: .2, child: ...),
ShadResizablePanel(id: 1, defaultSize: .5, minSize: .2, child: ...),
],
)DecoratedBoxClipRRecttheme.radius