Skip to main content

​
Example

{% text_input
    id="search_input"
    title="Search"
    placeholder="Enter search term..."
/%}

​
Attributes

​
id
String
required
The id of the text input to be used in a filters prop
​
title
String
Text displayed above the input
​
info
String
Information tooltip text
​
info_link
String
URL to link the info text to (can only be used with info)
​
info_link_title
String
Create a custom link title for the info link, placed after the info text (can only be used with info_link)
​
icon
String
Icon to display in the input field
​
placeholder
String
Placeholder text displayed when the input is empty
​
initial_value
String
Initial value for the text input
​
width
Number
Set the width of this component (in percent) relative to the page width

​
Available Filter Properties

When you reference a text input filter in inline queries using the {{filter_id.property}} syntax, the following property is available:

​
.value

Returns the text input value. This is the default property when referencing the input.