<h2 id="remoteoutlinedcard-onclick-modifier-enabled-shape-colors-border-bordercolor-contentpadding-content">RemoteOutlinedCard</h2>

<div class='sourceset sourceset-android'>Android</div>

```kotlin
@RemoteComposable
@Composable
public fun RemoteOutlinedCard(
    onClick: Action,
    modifier: RemoteModifier = RemoteModifier,
    enabled: RemoteBoolean = true.rb,
    shape: RemoteShape = RemoteCardDefaults.shape,
    colors: RemoteCardColors = RemoteCardDefaults.outlinedCardColors(),
    border: RemoteDp = RemoteCardDefaults.OutlinedBorderSize,
    borderColor: RemoteColor = RemoteCardDefaults.outlinedCardColors().contentColor,
    contentPadding: RemotePaddingValues = RemoteCardDefaults.ContentPadding,
    content: @Composable @RemoteComposable () -> Unit,
)
```

Outlined Wear Material 3 [RemoteCard](/jetpack-compose/androidx.wear.compose.remote/remote-material3/composable-functions/RemoteCard) that offers a single slot to take any content.

#### Parameters

| | |
| --- | --- |
| onClick | Will be called when the user clicks the card |
| modifier | Modifier to be applied to the card |
| enabled | Controls the enabled state of the card. When false, this component will not respond to user input |
| shape | Defines the card's shape. |
| colors | [RemoteCardColors](/jetpack-compose/androidx.wear.compose.remote/remote-material3/classes/RemoteCardColors) that will be used to resolve the colors used for this card. See [RemoteCardDefaults.outlinedCardColors](/jetpack-compose/androidx.wear.compose.remote/remote-material3/objects/RemoteCardDefaults). |
| border | The border width for the card |
| borderColor | The color of the border |
| contentPadding | The spacing values to apply internally between the container and the content |
| content | The main slot for a content of this card |