diff --git a/resources/views/docs/mobile/4/edge-components/list.md b/resources/views/docs/mobile/4/edge-components/list.md index e6af31c2..ec4029a9 100644 --- a/resources/views/docs/mobile/4/edge-components/list.md +++ b/resources/views/docs/mobile/4/edge-components/list.md @@ -101,6 +101,17 @@ Independent of the mutually-exclusive slot above, a row can also show a stack of `icon` is a shared [icon](icon) name, `ios` / `android` override it per platform, and `color` takes any [color value](../digging-deeper/theming#color-values). +### Trailing appearance + +- `trailingTextStyle` - Size of `trailingText`: `headline` matches the headline size; `label` uses a small caption +- `trailingAlign` - Vertical alignment of both the leading and trailing slots: `center` or `top`. On Android, + `center` also uses two-line row spacing + +Both props are optional. When omitted, each platform keeps its defaults: iOS uses headline-sized trailing text +and centered slots; Android uses a small trailing label and top-aligns slots in rows with both overline and +supporting text. Set `trailingTextStyle="headline" trailingAlign="center"` for headline-sized, centered trailing +text on both platforms. + ### Color overrides All color props accept the full [color grammar](../digging-deeper/theming#color-values) — hex (including @@ -308,6 +319,8 @@ Trailing slot: - `trailingIcon(?string $name = null, IosSymbol|string|null $ios = null, AndroidSymbol|string|null $android = null)` - `trailingText(string $text)` +- `trailingTextStyle(string $style)` - `headline` or `label` +- `trailingAlign(string $align)` - `center` or `top` - `trailingCheckbox(bool $checked = false)` - `trailingSwitch(bool $checked = false)` - `trailingIconButton(?string $name = null, IosSymbol|string|null $ios = null, AndroidSymbol|string|null $android = null)`