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.
import { CSearchButton } from '@coreui/vue-pro'
| Property | Default | Type |
|---|
| disabled | - | boolean |
Toggle the disabled state for the component. |
| placeholder | 'Search' | string |
Placeholder content rendered inside .search-button-placeholder. |
| preventDefault | true | boolean |
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. |
| 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. |