UI: Components
Feature Compare
The Feature Compare component allows users to compare features of two or more products side by side. Each feature is listed in a separate row, with the corresponding features of the other products in the same row.
For each feature-compare-group, add a custom property, --items.
This will help CSS subgrid to align items.
Overview
- 13,6"
Liquid Retina-screen9
Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta, adipisci!
- 8-core
CPU
- 10-core
GPU
- 15,3"
Liquid Retina-screen9
- 8-core
CPU
- 10-core
GPU
With opposite color-scheme
Compute
- System on Chip (SoC) M2 Max chip
12-core CPU with 8 performance cores and 4 efficiency cores
Up to 38-core GPU
16-core Neural Engine
400GB/s memory bandwidth
- 8-core
CPU
- 10-core
GPU
- System on Chip (SoC) M2 Ultra chip
24-core CPU with 16 performance cores and 8 efficiency cores
Up to 76-core GPU
32-core Neural Engine
800GB/s memory bandwidth
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Repellendus nemo iure a aspernatur earum accusamus.
- 8-core
CPU
- 10-core
GPU
With right-to-left
Overview
- 13,6"
Liquid Retina-screen9
Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta, adipisci!
- 8-core
CPU
- 10-core
GPU
- 15,3"
Liquid Retina-screen9
- 8-core
CPU
- 10-core
GPU