Expanding search

Examples

Basic

PreviewAngularReactVueJavaScript

API

Properties

Name

Description and specifications

fullWidth

Since 1.6.0

If true the search field will fill all available horizontal space of it's parent container when expanded.

Attribute:

full-width

Type:

boolean

Default:

false

ghost

Button with no background or outline

Attribute:

ghost

Type:

boolean

Default:

true

icon

Search icon

Attribute:

icon

Type:

string

Default:

'search'

outline

Outline button

Attribute:

outline

Type:

boolean

Default:

false

placeholder

Placeholder text

Attribute:

placeholder

Type:

string

Default:

'Enter text here'

value

Default value

Attribute:

value

Type:

string

Default:

''

variant

button variant

Attribute:

variant

Type:

"danger" ｜ "primary" ｜ "secondary"

Default:

'primary'

Events

Name

Description and specifications

valueChange

Value changed

Detail:

string