Search

A self-contained search form that can be used in isolation and inside of menus.


React Component

Default

Contained

Hidden label (label is visually hidden, but still accessible to screenreaders)

Disabled

Sage Component

SageSearch
Property Description Type Default

contained

Set to true when in the context of a "search toolbar" area.

Boolean

false

hide_label

When set to true, hides the Search input's label

Boolean

false

id

required

A unique identifier for this component, used to associate with the label.

String

nil

label_text

required

Text to display as a label/caption above the search field.

String

nil

placeholder

Text displayed within the search field when empty.

String

nil

value

Allows setting a predefined value of the search input.

String

nil