GuidesComponents

WearableProviderIcon

Icons and display names for wearable providers and phone health stores

  • Stable unknown
  • Release candidate since 1.16.1-rc.3
  • Development since 1.16.1-dev.2111+9796905

WearableProviderIcon draws a provider's monogram on its brand colour, for each wearable in @ovok/core's wearables namespace and for Apple Health and Health Connect. WEARABLE_PROVIDERS holds each provider's display name, colour and monogram.

import { WEARABLE_PROVIDERS, WearableProviderIcon } from "@ovok/native/wearables";

<WearableProviderIcon provider="polar" size={40} />
<Text>{WEARABLE_PROVIDERS.polar.name}</Text>

The icons are original monograms, not the providers' logos. The icon is labelled with the provider's name for screen readers.

PropTypeDefaultDescription
providerWearableSource-A WearableProvider from @ovok/core, "apple-health" or "health-connect".
sizenumber40Width and height in points.

Last updated on