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