---
title: "ShelfWidgetReadout, DroppyKit"
description: "A number that is the widget, drawn the way Pomodoro draws its time (DroppyKit 1.23.0): rounded semibold at the mount's figure size, monospaced digits, one line that shrinks to 70% before it truncates, a numeric content transition, and in a row its last digit's ink pulled onto the card's edge."
canonical: "https://getdroppy.app/docs/droppykit/api/shelf-widget-readout"
last-updated: "2026-09-09"
---

# ShelfWidgetReadout

A number that is the widget, drawn the way Pomodoro draws its time (DroppyKit 1.23.0): rounded semibold at the mount's figure size, monospaced digits, one line that shrinks to 70% before it truncates, a numeric content transition, and in a row its last digit's ink pulled onto the card's edge.

`@MainActor struct ShelfWidgetReadout`

Droppy's Pomodoro draws its readout with this very view.

Available from DroppyKit 1.23.0.

## Initializers

### init(_:size:tint:trailingBearing:)

`@MainActor init(_ text: String, size: CGFloat, tint: Color?, trailingBearing: CGFloat)`

A readout at an explicit size and digit bearing, for a view that is not inside a widget mount.

### init(_:tint:)

`@MainActor init(_ text: String, tint: Color? = nil)`

A readout at the mount's size.

- Parameters:
- text: The number, formatted.
- tint: Its colour; `nil` takes the primary ink.

## Properties

### body

`@MainActor var body: some View { get }`