mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-17 18:54:11 +08:00
docs(searchbar): update vue usage to kebab-case for the attributes (#19625)
This commit is contained in:
@ -173,13 +173,13 @@ export const SearchbarExample: React.FC = () => (
|
||||
<ion-searchbar></ion-searchbar>
|
||||
|
||||
<!-- Searchbar with cancel button always shown -->
|
||||
<ion-searchbar showCancelButton="always"></ion-searchbar>
|
||||
<ion-searchbar show-cancel-button="always"></ion-searchbar>
|
||||
|
||||
<!-- Searchbar with cancel button never shown -->
|
||||
<ion-searchbar showCancelButton="never"></ion-searchbar>
|
||||
<ion-searchbar show-cancel-button="never"></ion-searchbar>
|
||||
|
||||
<!-- Searchbar with cancel button shown on focus -->
|
||||
<ion-searchbar showCancelButton="focus"></ion-searchbar>
|
||||
<ion-searchbar show-cancel-button="focus"></ion-searchbar>
|
||||
|
||||
<!-- Searchbar with danger color -->
|
||||
<ion-searchbar color="danger"></ion-searchbar>
|
||||
@ -197,7 +197,7 @@ export const SearchbarExample: React.FC = () => (
|
||||
<ion-searchbar disabled="true"></ion-searchbar>
|
||||
|
||||
<!-- Searchbar with a cancel button and custom cancel button text -->
|
||||
<ion-searchbar showCancelButton="focus" cancelButtonText="Custom Cancel"></ion-searchbar>
|
||||
<ion-searchbar show-cancel-button="focus" cancel-button-text="Custom Cancel"></ion-searchbar>
|
||||
|
||||
<!-- Searchbar with a custom debounce -->
|
||||
<ion-searchbar debounce="500"></ion-searchbar>
|
||||
|
@ -4,13 +4,13 @@
|
||||
<ion-searchbar></ion-searchbar>
|
||||
|
||||
<!-- Searchbar with cancel button always shown -->
|
||||
<ion-searchbar showCancelButton="always"></ion-searchbar>
|
||||
<ion-searchbar show-cancel-button="always"></ion-searchbar>
|
||||
|
||||
<!-- Searchbar with cancel button never shown -->
|
||||
<ion-searchbar showCancelButton="never"></ion-searchbar>
|
||||
<ion-searchbar show-cancel-button="never"></ion-searchbar>
|
||||
|
||||
<!-- Searchbar with cancel button shown on focus -->
|
||||
<ion-searchbar showCancelButton="focus"></ion-searchbar>
|
||||
<ion-searchbar show-cancel-button="focus"></ion-searchbar>
|
||||
|
||||
<!-- Searchbar with danger color -->
|
||||
<ion-searchbar color="danger"></ion-searchbar>
|
||||
@ -28,7 +28,7 @@
|
||||
<ion-searchbar disabled="true"></ion-searchbar>
|
||||
|
||||
<!-- Searchbar with a cancel button and custom cancel button text -->
|
||||
<ion-searchbar showCancelButton="focus" cancelButtonText="Custom Cancel"></ion-searchbar>
|
||||
<ion-searchbar show-cancel-button="focus" cancel-button-text="Custom Cancel"></ion-searchbar>
|
||||
|
||||
<!-- Searchbar with a custom debounce -->
|
||||
<ion-searchbar debounce="500"></ion-searchbar>
|
||||
|
Reference in New Issue
Block a user