# Wearables

Canonical page: https://docs.ovok.com/native-sdk/guide/modules/wearables

`@ovok/native/wearables` draws an icon for each wearable provider supported by the
`@ovok/core` wearables namespace, and for Apple Health and Health Connect.
`WEARABLE_PROVIDERS` holds each provider's display name, brand color and monogram,
so a connections screen can list providers without its own lookup table.

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

function ProviderRow({ provider }: { provider: "polar" | "apple-health" }) {
  return (
    <View style={{ flexDirection: "row", gap: 8 }}>
      <WearableProviderIcon provider={provider} size={32} />
      <Text>{WEARABLE_PROVIDERS[provider].name}</Text>
    </View>
  );
}
```

The icons are monograms, not the providers' logos, and carry the provider's name as
their accessibility label.

## Components [#components]

- [WearableProviderIcon](/native-sdk/guide/components/wearables/)
- [HealthKit and Health Connect](/native-sdk/guide/modules/data-sync) for importing phone health data.

## API reference [#api-reference]

Every export of `@ovok/native/wearables`, with signatures, props and types, is in the [`wearables` API reference](/native-sdk/reference/wearables).