javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-08 15:51:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(button) update usage in readme

Browse Source
This commit is contained in:
Cam Wiegert
2017-12-01 09:50:36 -06:00
parent 5a85df9b08
commit aa46d04c29
1 changed files with 7 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
packages/core/src/components/button/readme.md
View File

@ -7,28 +7,20 @@ and be enhanced by a wide range of attributes.
<!-- Colors --> <!-- Colors -->
<ion-button>Default</ion-button> <ion-button>Default</ion-button>
<ion-button color="secondary">Secondary</ion-button> <ion-button color="secondary">Secondary</ion-button>
<ion-button color="danger">Danger</ion-button> <ion-button color="danger">Danger</ion-button>
<ion-button color="light">Light</ion-button> <ion-button color="light">Light</ion-button>
<ion-button color="dark">Dark</ion-button> <ion-button color="dark">Dark</ion-button>
<!-- Shapes --> <!-- Shapes -->
<ion-button full>Full Button</ion-button> <ion-button expand="full">Full Button</ion-button>
<ion-button expand="block">Block Button</ion-button>
<ion-button block>Block Button</ion-button>
<ion-button round>Round Button</ion-button> <ion-button round>Round Button</ion-button>
<!-- Outline --> <!-- Outline -->
<ion-button full outline>Outline + Full</ion-button> <ion-button expand="full" fill="outline">Outline + Full</ion-button>
<ion-button expand="block" fill="outline">Outline + Block</ion-button>
<ion-button block outline>Outline + Block</ion-button> <ion-button round fill="outline">Outline + Round</ion-button>
<ion-button round outline>Outline + Round</ion-button>
<!-- Icons --> <!-- Icons -->
<ion-button> <ion-button>
@ -46,11 +38,9 @@ and be enhanced by a wide range of attributes.
</ion-button> </ion-button>
<!-- Sizes --> <!-- Sizes -->
<ion-button large>Large</ion-button> <ion-button size="large">Large</ion-button>
<ion-button>Default</ion-button> <ion-button>Default</ion-button>
<ion-button size="small">Small</ion-button>
<ion-button small>Small</ion-button>
``` ```