---
title: "DropletSettingsToolbarSearchField, DroppyKit"
description: "A search over the page, as a pill in Droppy's Settings toolbar (DroppyKit 1.18.0)."
canonical: "https://getdroppy.app/docs/droppykit/api/droplet-settings-toolbar-search-field"
last-updated: "2026-09-09"
---

# DropletSettingsToolbarSearchField

A search over the page, as a pill in Droppy's Settings toolbar (DroppyKit 1.18.0).

`@MainActor struct DropletSettingsToolbarSearchField`

Always open, the way the Store's search is: a magnifier, the field, and a clear button while there is text. Escape clears it. `width` is the field's; keep it narrow, since the toolbar also holds the page title.

Inside Droppy it is the system's own toolbar search, the very field the Store's list shows: the host draws it and this view only hands it the text and the prompt. The pill below is what a host without one draws.

## Initializers

### init(text:prompt:width:)

`@MainActor init(text: Binding<String>, prompt: String, width: CGFloat = 120)`

Creates a search pill.

## Properties

### body

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