# @ovok/native/wearables

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

Wearable provider icons and wearable source types.

Import from `@ovok/native/wearables`.

## Components [#components]

### WearableProviderIcon() [#wearableprovidericon]

```ts
function WearableProviderIcon(__namedParameters): Element;
```

Monogram icon in the brand color of a wearable provider.

#### Parameters [#parameters]

| Parameter | Type |
| ------ | ------ |
| `__namedParameters` | [`WearableProviderIconProps`](#wearableprovidericonprops) |

#### Returns [#returns]

`Element`

## Type Aliases [#type-aliases]

### WearableProviderBrand [#wearableproviderbrand]

```ts
type WearableProviderBrand = object;
```

Display brand of a wearable provider.

#### Properties [#properties]

##### color [#color]

```ts
color: string;
```

Brand color as a hex string.

##### monogram [#monogram]

```ts
monogram: string;
```

Letter shown in the icon.

##### name [#name]

```ts
name: string;
```

Provider display name.

***

### WearableProviderIconProps [#wearableprovidericonprops]

```ts
type WearableProviderIconProps = object;
```

Props of `WearableProviderIcon`.

#### Properties [#properties-1]

##### provider [#provider]

```ts
provider: WearableSource;
```

Provider whose icon is drawn.

##### size? [#size]

```ts
size?: number;
```

Icon width and height in pixels.

***

### WearableSource [#wearablesource]

```ts
type WearableSource = WearableProvider | "apple-health" | "health-connect";
```

A cloud wearable from `@ovok/core`, or a health store on the phone.

## Variables [#variables]

### WEARABLE\_PROVIDERS [#wearable_providers]

```ts
const WEARABLE_PROVIDERS: Record<WearableSource, WearableProviderBrand>;
```

Brand of each wearable provider, keyed by source.