Size Guide
Size chart with a cm/in toggle, row and column hover highlight, a find-my-size form that recommends and highlights a size, and fit notes.
Preview
Waxed field jacket: size guide
| Size | XS | S | M | L | XL |
|---|---|---|---|---|---|
| Chest | 86 | 92 | 98 | 104 | 112 |
| Waist | 72 | 78 | 84 | 90 | 98 |
| Sleeve | 60 | 62 | 64 | 66 | 68 |
| Back length | 68 | 70 | 72 | 74 | 76 |
Fit notes
- Regular fit with room for a jumper underneath.
- Measure your chest at the widest point, arms relaxed.
- Between sizes? Size up for layering, down for a closer fit.
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| sizes | string[] | — | Size column headers. |
| measurements | { label; cm: number[]; key? }[] | — | Rows of body measurements in centimetres, one value per size. |
| unit / defaultUnit / onUnitChange | "cm" | "in" | "cm" | Display unit; typed values convert when it changes. |
| finderKeys | string[] | first two rows | Measurements asked in Find my size. |
| defaultBody | Record<string, number> | — | Prefill Find my size (cm) and show the recommendation. |
| fitNotes / title / onRecommend | string[] / string / (size) => void | [] / "Size guide" / — | Fit notes, heading and the recommendation callback. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.