---
title: "DroppyPanelSurface, DroppyKit"
description: "Droppy's own launcher surface, for a droplet that draws a floating panel of its own: a launcher, a palette, a picker."
canonical: "https://getdroppy.app/docs/droppykit/api/droppy-panel-surface"
last-updated: "2026-09-09"
---

# DroppyPanelSurface

Droppy's own launcher surface, for a droplet that draws a floating panel of its own: a launcher, a palette, a picker.

`@MainActor struct DroppyPanelSurface`

It is the surface Droppy's launcher sits on, and it follows the user's Theming preference: Droppy's Dynamic Glass (black melting into Liquid Glass) or Droppy's glass. Put it behind the panel's content and clip the content to the same corner radius:

```
content
    .background(DroppyPanelSurface(cornerRadius: 26))
    .clipShape(RoundedRectangle(cornerRadius: 26, style: .continuous))
```

Outside Droppy (the harness, a preview) it is the system's regular material in the same shape. Since 1.12.0.

## Initializers

### init(cornerRadius:)

`@MainActor init(cornerRadius: CGFloat)`

## Properties

### body

`@MainActor var body: some View { get }`

### cornerRadius

`@MainActor let cornerRadius: CGFloat`