Mixins / foldkit-mixins-ui

Touch

namespace · packages/mixins-ui/src/touch.ts:5

export * as Touch from './touch.js'

Touch targets: mechanisms, not components. No slots, no views: compose these into an application's own slots.

In the guides

Members

Touch.target

const · packages/mixins-ui/src/touch.ts:11

const target: StyleValue

On a touch screen, a control a finger can hit: 44px, as the platforms advise. Only where the pointer is coarse, so a desktop keeps its density.

Touch.targets

const · packages/mixins-ui/src/touch.ts:21

const targets: StyleValue

The same, for every control a region draws: a link or button laid out as a box. A link inside a sentence is inline, where min-height does nothing, so prose keeps its lines.