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

```kotlin
public object SurfaceDefaults
```

Default values used for [surface](/jetpack-compose/androidx.xr.glimmer/glimmer/composable-functions/surface).

## Functions

<h2 id="border">border</h2>

```kotlin
@Composable
public fun border(): BorderStroke
```

Create the default [BorderStroke](/jetpack-compose/androidx.compose.foundation/foundation/classes/BorderStroke) used for a [surface](/jetpack-compose/androidx.xr.glimmer/glimmer/composable-functions/surface). Use the other overload in order to
change the width or color.

<hr class="docs-overload-divider">

<h2 id="border-width-color">border</h2>

```kotlin
@Composable
public fun border(
    width: Dp = DefaultSurfaceBorderWidth,
    color: Color = GlimmerTheme.colors.outline,
): BorderStroke
```

Create the default [BorderStroke](/jetpack-compose/androidx.compose.foundation/foundation/classes/BorderStroke) used for a [surface](/jetpack-compose/androidx.xr.glimmer/glimmer/composable-functions/surface), with optional overrides for [width](/jetpack-compose/androidx.compose.remote/remote-creation-compose/functions/width)
and [color](/jetpack-compose/androidx.compose.ui/ui-graphics/classes/Color).

#### Parameters

| | |
| --- | --- |
| width | width of the border in [Dp](/jetpack-compose/androidx.compose.ui/ui-unit/classes/Dp). Use `Dp.Hairline` for one-pixel border. |
| color | color to paint the border with |