Data List
Overview
Data List are used to present the detailed data points of a specific item using just a value or using a label and a value. There are multiple style options available for a Data List while also maintaining a simple and easy-to-digest presentation.
Default
- Make & Model: Chevrolet Cruz Limited
- Current: $1500 Buy Now
- Damage: Right Rear Collision
Sizes
Large
- Make & Model: Chevrolet Cruz Limited
- Current: $1500 Buy Now
- Damage: Right Rear Collision
Medium
- Make & Model: Chevrolet Cruz Limited
- Current: $1500 Buy Now
- Damage: Right Rear Collision
Small
- Make & Model: Chevrolet Cruz Limited
- Current: $1500 Buy Now
- Damage: Right Rear Collision
Spacing
Default
Default spacing between items should have 10px (1 rem) bottom margin.
- Make & Model: Chevrolet Cruz Limited
- Current: $1500 Buy Now
- Damage: Right Rear Collision
Condensed
Condensed spacing between items should have 5px (0.5 rem) bottom margin.
- Make & Model: Chevrolet Cruz Limited
- Current: $1500 Buy Now
- Damage: Right Rear Collision
No Spacing
No spacing between items should have 0px (0rem) bottom margin.
- Make & Model: Chevrolet Cruz Limited
- Current: $1500 Buy Now
- Damage: Right Rear Collision
Color
Label - Light
- Make & Model: Chevrolet Cruz Limited
- Current: $1500 Buy Now
- Damage: Right Rear Collision
Weight
Semi-bold Value
Semi-bold Value are used to provide more prominence to values.
- Make & Model: Chevrolet Cruz Limited
- Current: $1500 Buy Now
- Damage: Right Rear Collision
Alignment
Align Edges
- Make & Model: Chevrolet Cruz Limited
- Current: $1500 Buy Now
- Damage: Right Rear Collision
Left Aligned
- Make & Model: Chevrolet Cruz Limited
- Current: $1500 Buy Now
- Damage: Right Rear Collision
List with Value only
- Chevrolet Cruz Limited
- $1500 Buy Now
- Right Rear Collision