mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-23 05:58:26 +08:00
chore(): update stencil (#16506)
This commit is contained in:
@ -35,6 +35,63 @@ This attribute specifies the size of the button. Setting this attribute will cha
|
||||
<!-- Auto Generated Below -->
|
||||
|
||||
|
||||
## Usage
|
||||
|
||||
### Angular / javascript
|
||||
|
||||
```html
|
||||
<!-- Default -->
|
||||
<ion-button>Default</ion-button>
|
||||
|
||||
<!-- Anchor -->
|
||||
<ion-button href="#">Anchor</ion-button>
|
||||
|
||||
<!-- Colors -->
|
||||
<ion-button color="primary">Primary</ion-button>
|
||||
<ion-button color="secondary">Secondary</ion-button>
|
||||
<ion-button color="tertiary">Tertiary</ion-button>
|
||||
<ion-button color="success">Success</ion-button>
|
||||
<ion-button color="warning">Warning</ion-button>
|
||||
<ion-button color="danger">Danger</ion-button>
|
||||
<ion-button color="light">Light</ion-button>
|
||||
<ion-button color="medium">Medium</ion-button>
|
||||
<ion-button color="dark">Dark</ion-button>
|
||||
|
||||
<!-- Expand -->
|
||||
<ion-button expand="full">Full Button</ion-button>
|
||||
<ion-button expand="block">Block Button</ion-button>
|
||||
|
||||
<!-- Round -->
|
||||
<ion-button shape="round">Round Button</ion-button>
|
||||
|
||||
<!-- Fill -->
|
||||
<ion-button expand="full" fill="outline">Outline + Full</ion-button>
|
||||
<ion-button expand="block" fill="outline">Outline + Block</ion-button>
|
||||
<ion-button shape="round" fill="outline">Outline + Round</ion-button>
|
||||
|
||||
<!-- Icons -->
|
||||
<ion-button>
|
||||
<ion-icon slot="start" name="star"></ion-icon>
|
||||
Left Icon
|
||||
</ion-button>
|
||||
|
||||
<ion-button>
|
||||
Right Icon
|
||||
<ion-icon slot="end" name="star"></ion-icon>
|
||||
</ion-button>
|
||||
|
||||
<ion-button>
|
||||
<ion-icon slot="icon-only" name="star"></ion-icon>
|
||||
</ion-button>
|
||||
|
||||
<!-- Sizes -->
|
||||
<ion-button size="large">Large</ion-button>
|
||||
<ion-button>Default</ion-button>
|
||||
<ion-button size="small">Small</ion-button>
|
||||
```
|
||||
|
||||
|
||||
|
||||
## Properties
|
||||
|
||||
| Property | Attribute | Description | Type | Default |
|
||||
|
@ -6,9 +6,6 @@
|
||||
<!-- Anchor -->
|
||||
<ion-button href="#">Anchor</ion-button>
|
||||
|
||||
<!-- Anchor with backwards transition -->
|
||||
<ion-button href="/" goBack>Backwards Anchor</ion-button>
|
||||
|
||||
<!-- Colors -->
|
||||
<ion-button color="primary">Primary</ion-button>
|
||||
<ion-button color="secondary">Secondary</ion-button>
|
||||
|
@ -6,9 +6,6 @@
|
||||
<!-- Anchor -->
|
||||
<ion-button href="#">Anchor</ion-button>
|
||||
|
||||
<!-- Anchor with backwards transition -->
|
||||
<ion-button href="/" go-back>Backwards Anchor</ion-button>
|
||||
|
||||
<!-- Colors -->
|
||||
<ion-button color="primary">Primary</ion-button>
|
||||
<ion-button color="secondary">Secondary</ion-button>
|
||||
|
Reference in New Issue
Block a user