Loading...
Loading...
Configure ShadDecoration and ShadDecorator for shadcn_ui components; customize secondary border and disableSecondaryBorder. Use when styling form controls, focus rings, or component borders in Flutter shadcn_ui.
npx skill4agent add serverpod/skills-registry shadcn_ui-decoratorShadDecorationShadDecoratorShadDecoration(
secondaryBorder: ShadBorder.all(
padding: const EdgeInsets.all(4),
width: 0,
),
secondaryFocusedBorder: ShadBorder.all(
width: 2,
color: colorScheme.ring,
radius: radius.add(radius / 2),
padding: const EdgeInsets.all(2),
),
labelStyle: textTheme.muted.copyWith(
fontWeight: FontWeight.w500,
color: colorScheme.foreground,
),
errorStyle: textTheme.muted.copyWith(
fontWeight: FontWeight.w500,
color: colorScheme.destructive,
),
labelPadding: const EdgeInsets.only(bottom: 8),
descriptionStyle: textTheme.muted,
descriptionPadding: const EdgeInsets.only(top: 8),
errorPadding: const EdgeInsets.only(top: 8),
errorLabelStyle: textTheme.muted.copyWith(
fontWeight: FontWeight.w500,
color: colorScheme.destructive,
),
);ShadThemeData(
disableSecondaryBorder: true,
),