---
title: "ShadowScope"
description: "An interface that introduces the shadow properties to a Style receiver scope."
type: "interface"
lastmod: "2026-05-20T01:13:53.383261Z"
---
## API Reference

> Source set: Common

```kotlin
@ExperimentalFoundationStyleApi
interface ShadowScope
```

An interface that introduces the shadow properties to a [Style](/jetpack-compose/androidx.compose.foundation/foundation/interfaces/Style) receiver scope.

## Functions

### dropShadow

```kotlin
fun dropShadow(value: Shadow)
```

Applies a drop shadow effect directly to the component, often used for text or specific
graphics. This is distinct from `shadowElevation` which is specific to platform elevation
shadows. Multiple drop shadows can be applied by calling this function multiple times or
using the vararg overload. The border and overall layout size are not affected by this
shadow.

If [ShapeScope.shape](/jetpack-compose/androidx.compose.foundation/foundation/interfaces/ShapeScope) is set, the shadow will be applied to the shape's bounds.

This property is *not* inherited.

#### Parameters

| | |
| --- | --- |
| value | The [Shadow](/jetpack-compose/androidx.compose.ui/ui-graphics/classes/Shadow) properties (color, offset, blurRadius) for the drop shadow. |

### dropShadow

```kotlin
fun dropShadow(vararg value: Shadow)
```

Applies one or more drop shadow effects directly to the component. This is distinct from
`shadowElevation`. The border and overall layout size are not affected by these shadows.

This property is *not* inherited.

#### Parameters

| | |
| --- | --- |
| value | A vararg of [Shadow](/jetpack-compose/androidx.compose.ui/ui-graphics/classes/Shadow) properties to apply as drop shadows. |

### innerShadow

```kotlin
fun innerShadow(value: Shadow)
```

Applies an inner shadow effect to the component. This shadow is drawn inside the bounds of
the component. Multiple inner shadows can be applied by calling this function multiple times
or using the vararg overload. The border and overall layout size are not affected by this
shadow.

If [ShapeScope.shape](/jetpack-compose/androidx.compose.foundation/foundation/interfaces/ShapeScope) is set, the shadow will be applied to the shape's bounds.

This property is *not* inherited.

#### Parameters

| | |
| --- | --- |
| value | The [Shadow](/jetpack-compose/androidx.compose.ui/ui-graphics/classes/Shadow) properties (color, offset, blurRadius) for the inner shadow. |

### innerShadow

```kotlin
fun innerShadow(vararg value: Shadow)
```

Applies one or more inner shadow effects to the component. These shadows are drawn inside the
bounds of the component. The border and overall layout size are not affected by these
shadows.

This property is *not* inherited.

#### Parameters

| | |
| --- | --- |
| value | A vararg of [Shadow](/jetpack-compose/androidx.compose.ui/ui-graphics/classes/Shadow) properties to apply as inner shadows. |