DsCard class
A tappable card built on the design system's surface token system.
DsCard composes DsSurface with InkWell so it correctly:
- Sources its background from ColorScheme (via SurfaceLevel)
- Uses token-based padding and border radius
- Provides ink ripple feedback anchored to the correct clip boundary
Do NOT set a background color on a Card manually — always let the surface level drive the color.
DsCard(
level: SurfaceLevel.low,
onTap: () => ...,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text('Title', style: Theme.of(context).textTheme.titleMedium),
AppSpacing.gapV2,
Text('Subtitle', style: Theme.of(context).textTheme.bodyMedium),
],
),
)
- Inheritance
Constructors
-
DsCard({Key? key, required Widget child, SurfaceLevel level = SurfaceLevel.low, EdgeInsetsGeometry padding = AppSpacing.cardPadding, BorderRadius? borderRadius, List<
BoxShadow> ? shadow, BoxBorder? border, VoidCallback? onTap, VoidCallback? onLongPress}) -
const
Properties
- border → BoxBorder?
-
Optional border.
final
- borderRadius → BorderRadius?
-
Defaults to AppRadius.card.
final
- child → Widget
-
final
- hashCode → int
-
The hash code for this object.
no setterinherited
- key → Key?
-
Controls how one widget replaces another widget in the tree.
finalinherited
- level → SurfaceLevel
-
Surface tier — determines background color from ColorScheme.
final
- onLongPress → VoidCallback?
-
final
- onTap → VoidCallback?
-
final
- padding → EdgeInsetsGeometry
-
Inner padding. Defaults to AppSpacing.cardPadding (16 px all sides).
final
- runtimeType → Type
-
A representation of the runtime type of the object.
no setterinherited
-
shadow
→ List<
BoxShadow> ? -
Optional shadow. Sourced from ColorScheme.shadow in the consuming widget.
final
Methods
-
build(
BuildContext context) → Widget -
Describes the part of the user interface represented by this widget.
override
-
createElement(
) → StatelessElement -
Creates a StatelessElement to manage this widget's location in the tree.
inherited
-
debugDescribeChildren(
) → List< DiagnosticsNode> -
Returns a list of DiagnosticsNode objects describing this node's
children.
inherited
-
debugFillProperties(
DiagnosticPropertiesBuilder properties) → void -
Add additional properties associated with the node.
inherited
-
noSuchMethod(
Invocation invocation) → dynamic -
Invoked when a nonexistent method or property is accessed.
inherited
-
toDiagnosticsNode(
{String? name, DiagnosticsTreeStyle? style}) → DiagnosticsNode -
Returns a debug representation of the object that is used by debugging
tools and by DiagnosticsNode.toStringDeep.
inherited
-
toString(
{DiagnosticLevel minLevel = DiagnosticLevel.info}) → String -
A string representation of this object.
inherited
-
toStringDeep(
{String prefixLineOne = '', String? prefixOtherLines, DiagnosticLevel minLevel = DiagnosticLevel.debug, int wrapWidth = 65}) → String -
Returns a string representation of this node and its descendants.
inherited
-
toStringShallow(
{String joiner = ', ', DiagnosticLevel minLevel = DiagnosticLevel.debug}) → String -
Returns a one-line detailed description of the object.
inherited
-
toStringShort(
) → String -
A short, textual description of this widget.
inherited
Operators
-
operator ==(
Object other) → bool -
The equality operator.
inherited