Search Input

Variation of a text input specifically for entering search queries.

#Example

#Guidelines

#When to use

• When entering a value in a text input immediately filters the content on page.
• Inside a form, which takes the user to the next page where content is filtered according to the entered search query.

#Content

• Use sentence case for placeholder text.
• End placeholder text with three dots.

#Props

Inherits margin props.

Name	Default	Description
placeholder	—	string Placeholder to show inside input when value is blank.
value	—	string Input value.
width	"xs"	"xs" | "sm" | "md" | "lg" | "auto" | "100%" Input width.