SizeTokens class abstract
============================================================================= COMPONENT SIZE TOKENS
Standard dimensions for interactive components.
Rationale: 48px minimum touch target (WCAG requirement). Eldercare apps use 56px+ for comfortable touch.
Constructors
Properties
- hashCode → int
-
The hash code for this object.
no setterinherited
- runtimeType → Type
-
A representation of the runtime type of the object.
no setterinherited
Methods
-
noSuchMethod(
Invocation invocation) → dynamic -
Invoked when a nonexistent method or property is accessed.
inherited
-
toString(
) → String -
A string representation of this object.
inherited
Operators
-
operator ==(
Object other) → bool -
The equality operator.
inherited
Constants
- componentHeightLg → const double
- 400px - Large height - COMMON
- componentHeightMd → const double
- 360px - Medium height
- componentHeightMdLg → const double
- 380px - Medium-large height
- componentHeightSm → const double
- 280px - Small height (compact lists)
- componentHeightSmMd → const double
- 320px - Medium-small height
- componentHeightXl → const double
- 480px - Extra large height
- componentWidthLg → const double
- 350px - Large component (wide cards)
- componentWidthMd → const double
- 320px - Medium component (standard cards) - MOST COMMON
- componentWidthMdLg → const double
- 340px - Medium-large
- componentWidthSm → const double
- 280px - Small component (compact cards)
- componentWidthSmMd → const double
- 300px - Small-medium
- componentWidthXl → const double
- 400px - Extra large (full-width mobile)
- componentWidthXs → const double
- 160px - Compact button width
- iconHuge → const double
- 48px - Huge icons (onboarding, empty states)
- iconLg → const double
- 24px - Large icons (standard Material size) - MOST COMMON
- iconMd → const double
- 20px - Medium icons (buttons) - COMMON
- iconSm → const double
- 16px - Small icons (dense lists)
- iconXl → const double
- 32px - Extra large icons (prominent actions)
- iconXs → const double
- 12px - Tiny icons (inline indicators)
- iconXxl → const double
- 40px - XXL icons (hero icons)
- touchTargetComfortable → const double
- 56px - Comfortable touch target (recommended for eldercare) - COMMON
- touchTargetLarge → const double
- 64px - Large touch target (primary actions)
- touchTargetMin → const double
- 48px - WCAG minimum touch target - STANDARD
- touchTargetMinimum → const double
- 44px - Absolute minimum (only for dense UIs, avoid in eldercare)
- touchTargetXl → const double
- 80px - Extra large (emergency buttons, critical actions)