Vue Search Button Component API

Search Button API

Explore the API reference for the Vue Search Button component and discover how to effectively utilize its props for customization.

On this page

CSearchButton

jsx
import { CSearchButton } from '@coreui/vue-pro'

Props

PropertyDefaultType
disabled-boolean

Toggle the disabled state for the component.

placeholder'Search'string

Placeholder content rendered inside .search-button-placeholder.

preventDefaulttrueboolean

Prevent the browser's default behavior when the configured shortcut matches.

shortcut'meta+/,ctrl+/'string

Comma-separated shortcut list. The component matches all configured shortcuts and renders the platform-preferred one.

Events

Event name
click

Event called when the user clicks on the component.

trigger

Event called when the component is activated by click or keyboard shortcut.