mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-23 14:01:20 +08:00
rename src to ionic
This commit is contained in:
Andrew
@ -1,17 +0,0 @@
|
||||
import {NgElement, Decorator} from 'angular2/angular2'
|
||||
import {IonicComponent} from 'ionic2/config/component'
|
||||
|
||||
@Decorator({
|
||||
selector: 'ion-button, [ion-button],.button',
|
||||
})
|
||||
export class Button {
|
||||
constructor(
|
||||
@NgElement() ngElement:NgElement
|
||||
) {
|
||||
this.domElement = ngElement.domElement
|
||||
this.config = Button.config.invoke(this)
|
||||
}
|
||||
}
|
||||
new IonicComponent(Button, {
|
||||
propClasses: ['primary', 'secondary', 'danger', 'light', 'stable', 'dark', 'block']
|
||||
})
|
||||
@ -1,243 +0,0 @@
|
||||
|
||||
// Core Button Variables
|
||||
// --------------------------------------------------
|
||||
|
||||
$button-font-size: 1.4rem !default;
|
||||
$button-margin: 0.4rem 0 !default;
|
||||
$button-padding: 0 1.4rem !default;
|
||||
$button-height: 4.2rem !default;
|
||||
$button-border-width: 1px !default;
|
||||
$button-border-radius: 4px !default;
|
||||
$button-icon-size: 3rem !default;
|
||||
|
||||
$button-large-font-size: 2rem !default;
|
||||
$button-large-height: 5.4rem !default;
|
||||
$button-large-padding: 1.4rem !default;
|
||||
$button-large-icon-size: 3.6rem !default;
|
||||
|
||||
$button-small-font-size: 1.3rem !default;
|
||||
$button-small-height: 2.8rem !default;
|
||||
$button-small-padding: 1.1rem !default;
|
||||
$button-small-icon-size: 2.1rem !default;
|
||||
|
||||
|
||||
// Core Button
|
||||
// --------------------------------------------------
|
||||
|
||||
.button {
|
||||
position: relative;
|
||||
|
||||
@include flex-display-inline();
|
||||
@include flex-shrink(0);
|
||||
@include flex-flow(row nowrap);
|
||||
@include flex-align-items(center);
|
||||
@include flex-justify-content(center);
|
||||
|
||||
margin: $button-margin;
|
||||
line-height: 1;
|
||||
|
||||
@include appearance(none);
|
||||
|
||||
vertical-align: top; // the better option for most scenarios
|
||||
vertical-align: -webkit-baseline-middle; // the best for those that support it
|
||||
|
||||
font-family: inherit;
|
||||
font-variant: inherit;
|
||||
font-style: inherit;
|
||||
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
|
||||
cursor: pointer;
|
||||
@include user-select(none);
|
||||
|
||||
&:after {
|
||||
// used to create a larger button "hit" area
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
right: -6px;
|
||||
bottom: -6px;
|
||||
left: -6px;
|
||||
content: ' ';
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Core Button Styling
|
||||
// --------------------------------------------------
|
||||
|
||||
.button {
|
||||
border: 1px solid #ccc;
|
||||
padding: $button-padding;
|
||||
min-height: $button-height;
|
||||
background: #fff;
|
||||
|
||||
text-align: center;
|
||||
font-size: $button-font-size;
|
||||
border: transparent;
|
||||
border-radius: $button-border-radius;
|
||||
|
||||
&.button-icon {
|
||||
font-size: $button-icon-size;
|
||||
}
|
||||
|
||||
&.button-large {
|
||||
padding: 0 $button-large-padding;
|
||||
min-width: ($button-large-padding * 4);
|
||||
min-height: $button-large-height;
|
||||
font-size: $button-large-font-size;
|
||||
|
||||
&.button-icon {
|
||||
font-size: $button-large-icon-size;
|
||||
}
|
||||
}
|
||||
|
||||
&.button-small {
|
||||
padding: 0 $button-small-padding;
|
||||
min-width: ($button-small-padding * 3);
|
||||
min-height: $button-small-height;
|
||||
font-size: $button-small-font-size;
|
||||
|
||||
&.button-icon {
|
||||
font-size: $button-small-icon-size;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Core Button Types
|
||||
// --------------------------------------------------
|
||||
|
||||
.button-clear {
|
||||
border-color: transparent;
|
||||
background: none;
|
||||
|
||||
&.activated {
|
||||
opacity: 0.3;
|
||||
}
|
||||
}
|
||||
|
||||
.button-outline {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.button-block {
|
||||
@include flex-display();
|
||||
clear: both;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
|
||||
&:after {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
|
||||
.button-full,
|
||||
.button-full > .button {
|
||||
@include flex-display();
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
border-radius: 0;
|
||||
|
||||
&.button-outline.button-outline {
|
||||
border-right-width: 0;
|
||||
border-left-width: 0;
|
||||
}
|
||||
}
|
||||
|
||||
button.button-block,
|
||||
button.button-full,
|
||||
.button-full > button.button,
|
||||
input.button.button-block {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.padding > .button.button-block:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.icon-left:before {
|
||||
font-size: 1.5em;
|
||||
margin-top: -0.1em;
|
||||
margin-right: 0.25em;
|
||||
}
|
||||
|
||||
.icon-right:before {
|
||||
@include flex-order(2);
|
||||
font-size: 1.5em;
|
||||
margin-top: -0.1em;
|
||||
margin-left: 0.25em;
|
||||
}
|
||||
|
||||
|
||||
// Button Misc
|
||||
// --------------------------------------------------
|
||||
|
||||
a.button {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.button.disabled,
|
||||
.button[disabled] {
|
||||
opacity: .4;
|
||||
cursor: default !important;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
|
||||
// Core Button Mixins
|
||||
// --------------------------------------------------
|
||||
|
||||
@mixin button-default($bg-color, $fg-color) {
|
||||
background-color: $bg-color;
|
||||
color: $fg-color;
|
||||
|
||||
&:hover,
|
||||
&.hover {
|
||||
opacity: 0.88;
|
||||
color: $fg-color;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&.activated {
|
||||
opacity: 1;
|
||||
background-color: darken($bg-color, 12%);
|
||||
}
|
||||
}
|
||||
|
||||
@mixin button-clear($fg-color) {
|
||||
&.button-clear {
|
||||
background: none;
|
||||
color: $fg-color;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin button-outline($fg-color) {
|
||||
&.button-outline {
|
||||
border: 1px solid $fg-color;
|
||||
background: transparent;
|
||||
color: $fg-color;
|
||||
|
||||
&.activated {
|
||||
background-color: rgba(red($fg-color), green($fg-color), blue($fg-color), 0.15);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Core Button Color Generation
|
||||
// --------------------------------------------------
|
||||
|
||||
@each $color, $value in $colors {
|
||||
|
||||
.button-#{$color} {
|
||||
@include button-default(get-color($color, base),
|
||||
get-color($color, inverse));
|
||||
|
||||
@include button-clear(get-color($color, base));
|
||||
|
||||
@include button-outline(get-color($color, base));
|
||||
}
|
||||
|
||||
}
|
||||
@ -1,35 +0,0 @@
|
||||
|
||||
// Material Design Button
|
||||
// --------------------------------------------------
|
||||
|
||||
$button-material-font-size: 1.4rem !default;
|
||||
$button-material-padding: 0 0.6rem !default;
|
||||
$button-material-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26) !default;
|
||||
$button-material-border-radius: 3px !default;
|
||||
|
||||
|
||||
.button.button-md {
|
||||
border: 0;
|
||||
border-radius: $button-material-border-radius;
|
||||
|
||||
padding: $button-material-padding;
|
||||
text-transform: uppercase;
|
||||
|
||||
font-weight: 500;
|
||||
font-size: $button-material-font-size;
|
||||
box-shadow: $button-material-box-shadow;
|
||||
|
||||
|
||||
&.button-icon {
|
||||
font-size: $button-icon-size;
|
||||
}
|
||||
|
||||
&.button-large.button-icon {
|
||||
font-size: $button-large-icon-size;
|
||||
}
|
||||
|
||||
&.button-small.button-icon {
|
||||
font-size: $button-small-icon-size;
|
||||
}
|
||||
|
||||
}
|
||||
@ -1 +0,0 @@
|
||||
|
||||
@ -1,60 +0,0 @@
|
||||
|
||||
<div>
|
||||
<a class="button" href="#">a (default)</a>
|
||||
<button class="button">button (default)</button>
|
||||
<button class="button hover">hover</button>
|
||||
<button class="button activated">activated</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-primary" href="#">a.primary</a>
|
||||
<button class="button button-primary">button.primary</button>
|
||||
<button class="button button-primary hover">hover</button>
|
||||
<button class="button button-primary activated">activated</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-secondary" href="#">a.secondary</a>
|
||||
<button class="button button-secondary">button.secondary</button>
|
||||
<button class="button button-secondary hover">hover</button>
|
||||
<button class="button button-secondary activated">activated</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-danger" href="#">a.danger</a>
|
||||
<button class="button button-danger">button.danger</button>
|
||||
<button class="button button-danger hover">hover</button>
|
||||
<button class="button button-danger activated">activated</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-light" href="#">a.light</a>
|
||||
<button class="button button-light">button.light</button>
|
||||
<button class="button button-light hover">hover</button>
|
||||
<button class="button button-light activated">activated</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-stable" href="#">a.stable</a>
|
||||
<button class="button button-stable">button.stable</button>
|
||||
<button class="button button-stable hover">hover</button>
|
||||
<button class="button button-stable activated">activated</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-dark" href="#">a.dark</a>
|
||||
<button class="button button-dark">button.dark</button>
|
||||
<button class="button button-dark hover">hover</button>
|
||||
<button class="button button-dark activated">activated</button>
|
||||
</div>
|
||||
|
||||
<h2>With Properties</h2>
|
||||
|
||||
<div>
|
||||
<button ion-button primary>button.primary</button>
|
||||
<button ion-button secondary>button.secondary</button>
|
||||
<button ion-button stable>button.stable</button>
|
||||
<button ion-button light>button.light</button>
|
||||
<button ion-button dark>button.dark</button>
|
||||
<button ion-button danger>button.danger</button>
|
||||
</div>
|
||||
@ -1,13 +0,0 @@
|
||||
import {bootstrap} from 'angular2/core'
|
||||
import {Component, Template} from 'angular2/angular2'
|
||||
import {Button} from 'ionic2/components/button/button'
|
||||
|
||||
|
||||
@Component({ selector: '[ion-app]' })
|
||||
@Template({
|
||||
url: 'main.html',
|
||||
directives: [Button]
|
||||
})
|
||||
class IonicApp {}
|
||||
|
||||
bootstrap(IonicApp)
|
||||
@ -1 +0,0 @@
|
||||
|
||||
@ -1,19 +0,0 @@
|
||||
|
||||
<div class="padding">
|
||||
|
||||
<div>
|
||||
<a class="button button-block button-primary" href="#">a.button-block</a>
|
||||
<button class="button button-block button-primary">button.button-block</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-block button-outline button-primary" href="#">a.button-block</a>
|
||||
<button class="button button-block button-outline button-primary">button.button-block</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-block button-clear button-primary" href="#">a.button-block</a>
|
||||
<button class="button button-block button-clear button-primary">button.button-block</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -1,13 +0,0 @@
|
||||
import {bootstrap} from 'angular2/core'
|
||||
import {Component, Template} from 'angular2/angular2'
|
||||
import {Button} from 'ionic2/components/button/button'
|
||||
|
||||
|
||||
@Component({ selector: '[ion-app]' })
|
||||
@Template({
|
||||
url: 'main.html',
|
||||
directives: [Button]
|
||||
})
|
||||
class IonicApp {}
|
||||
|
||||
bootstrap(IonicApp)
|
||||
@ -1 +0,0 @@
|
||||
|
||||
@ -1,49 +0,0 @@
|
||||
|
||||
<div>
|
||||
<a class="button button-clear" href="#">a (default)</a>
|
||||
<button class="button button-clear">button (default)</button>
|
||||
<button class="button button-clear hover">hover</button>
|
||||
<button class="button button-clear activated">activated</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-clear button-primary" href="#">a.primary</a>
|
||||
<button class="button button-clear button-primary">button.primary</button>
|
||||
<button class="button button-clear button-primary hover">hover</button>
|
||||
<button class="button button-clear button-primary activated">activated</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-clear button-secondary" href="#">a.secondary</a>
|
||||
<button class="button button-clear button-secondary">button.secondary</button>
|
||||
<button class="button button-clear button-secondary hover">hover</button>
|
||||
<button class="button button-clear button-secondary activated">activated</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-clear button-danger" href="#">a.danger</a>
|
||||
<button class="button button-clear button-danger">button.danger</button>
|
||||
<button class="button button-clear button-danger hover">hover</button>
|
||||
<button class="button button-clear button-danger activated">activated</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-clear button-light" href="#">a.light</a>
|
||||
<button class="button button-clear button-light">button.light</button>
|
||||
<button class="button button-clear button-light hover">hover</button>
|
||||
<button class="button button-clear button-light activated">activated</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-clear button-stable" href="#">a.stable</a>
|
||||
<button class="button button-clear button-stable">button.stable</button>
|
||||
<button class="button button-clear button-stable hover">hover</button>
|
||||
<button class="button button-clear button-stable activated">activated</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-clear button-dark" href="#">a.dark</a>
|
||||
<button class="button button-clear button-dark">button.dark</button>
|
||||
<button class="button button-clear button-dark hover">hover</button>
|
||||
<button class="button button-clear button-dark activated">activated</button>
|
||||
</div>
|
||||
@ -1,13 +0,0 @@
|
||||
import {bootstrap} from 'angular2/core'
|
||||
import {Component, Template} from 'angular2/angular2'
|
||||
import {Button} from 'ionic2/components/button/button'
|
||||
|
||||
|
||||
@Component({ selector: '[ion-app]' })
|
||||
@Template({
|
||||
url: 'main.html',
|
||||
directives: [Button]
|
||||
})
|
||||
class IonicApp {}
|
||||
|
||||
bootstrap(IonicApp)
|
||||
@ -1 +0,0 @@
|
||||
|
||||
@ -1,15 +0,0 @@
|
||||
|
||||
<div>
|
||||
<a class="button button-full button-primary" href="#">a.button-full</a>
|
||||
<button class="button button-full button-primary">button.button-full</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-full button-outline button-primary" href="#">a.button-full</a>
|
||||
<button class="button button-full button-outline button-primary">button.button-full</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-full button-clear button-primary" href="#">a.button-full</a>
|
||||
<button class="button button-full button-clear button-primary">button.button-full</button>
|
||||
</div>
|
||||
@ -1,13 +0,0 @@
|
||||
import {bootstrap} from 'angular2/core'
|
||||
import {Component, Template} from 'angular2/angular2'
|
||||
import {Button} from 'ionic2/components/button/button'
|
||||
|
||||
|
||||
@Component({ selector: '[ion-app]' })
|
||||
@Template({
|
||||
url: 'main.html',
|
||||
directives: [Button]
|
||||
})
|
||||
class IonicApp {}
|
||||
|
||||
bootstrap(IonicApp)
|
||||
@ -1 +0,0 @@
|
||||
|
||||
@ -1,79 +0,0 @@
|
||||
|
||||
<div class="padding">
|
||||
|
||||
<div>
|
||||
<button class="button button-primary ion-home icon-left">
|
||||
Left Icon
|
||||
</button>
|
||||
<a class="button button-primary ion-home icon-left">
|
||||
Left Icon
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button class="button button-primary ion-star icon-right">
|
||||
Right Icon
|
||||
</button>
|
||||
<a class="button button-primary ion-star icon-right">
|
||||
Right Icon
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button class="button button-primary ion-ionic button-icon">
|
||||
</button>
|
||||
<a class="button button-primary ion-ionic button-icon">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button class="button button-primary button-large ion-home icon-left">
|
||||
Left, Large
|
||||
</button>
|
||||
<a class="button button-primary button-large ion-home icon-left">
|
||||
Left, Large
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button class="button button-primary button-large ion-star icon-right">
|
||||
Right, Large
|
||||
</button>
|
||||
<a class="button button-primary button-large ion-star icon-right">
|
||||
Right, Large
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button class="button button-primary ion-ionic button-icon button-large">
|
||||
</button>
|
||||
<a class="button button-primary ion-ionic button-icon button-large">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button class="button button-primary button-small ion-home icon-left">
|
||||
Left Icon, Small
|
||||
</button>
|
||||
<a class="button button-primary button-small ion-home icon-left">
|
||||
Left Icon, Small
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button class="button button-primary button-small ion-star icon-right">
|
||||
Right Icon, Small
|
||||
</button>
|
||||
<a class="button button-primary button-small ion-star icon-right">
|
||||
Right Icon, Small
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button class="button button-primary ion-ionic button-icon button-small">
|
||||
</button>
|
||||
<a class="button button-primary ion-ionic button-icon button-small">
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@ -1,13 +0,0 @@
|
||||
import {bootstrap} from 'angular2/core'
|
||||
import {Component, Template} from 'angular2/angular2'
|
||||
import {Button} from 'ionic2/components/button/button'
|
||||
|
||||
|
||||
@Component({ selector: '[ion-app]' })
|
||||
@Template({
|
||||
url: 'main.html',
|
||||
directives: [Button]
|
||||
})
|
||||
class IonicApp {}
|
||||
|
||||
bootstrap(IonicApp)
|
||||
@ -1 +0,0 @@
|
||||
|
||||
@ -1,42 +0,0 @@
|
||||
|
||||
<div>
|
||||
<a class="button button-outline button-primary" href="#">a.primary</a>
|
||||
<button class="button button-outline button-primary">button.primary</button>
|
||||
<button class="button button-outline button-primary hover">hover</button>
|
||||
<button class="button button-outline button-primary activated">activated</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-outline button-secondary" href="#">a.secondary</a>
|
||||
<button class="button button-outline button-secondary">button.secondary</button>
|
||||
<button class="button button-outline button-secondary hover">hover</button>
|
||||
<button class="button button-outline button-secondary activated">activated</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-outline button-danger" href="#">a.danger</a>
|
||||
<button class="button button-outline button-danger">button.danger</button>
|
||||
<button class="button button-outline button-danger hover">hover</button>
|
||||
<button class="button button-outline button-danger activated">activated</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-outline button-light" href="#">a.light</a>
|
||||
<button class="button button-outline button-light">button.light</button>
|
||||
<button class="button button-outline button-light hover">hover</button>
|
||||
<button class="button button-outline button-light activated">activated</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-outline button-stable" href="#">a.stable</a>
|
||||
<button class="button button-outline button-stable">button.stable</button>
|
||||
<button class="button button-outline button-stable hover">hover</button>
|
||||
<button class="button button-outline button-stable activated">activated</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-outline button-dark" href="#">a.dark</a>
|
||||
<button class="button button-outline button-dark">button.dark</button>
|
||||
<button class="button button-outline button-dark hover">hover</button>
|
||||
<button class="button button-outline button-dark activated">activated</button>
|
||||
</div>
|
||||
@ -1,13 +0,0 @@
|
||||
import {bootstrap} from 'angular2/core'
|
||||
import {Component, Template} from 'angular2/angular2'
|
||||
import {Button} from 'ionic2/components/button/button'
|
||||
|
||||
|
||||
@Component({ selector: '[ion-app]' })
|
||||
@Template({
|
||||
url: 'main.html',
|
||||
directives: [Button]
|
||||
})
|
||||
class IonicApp {}
|
||||
|
||||
bootstrap(IonicApp)
|
||||
@ -1 +0,0 @@
|
||||
|
||||
@ -1,36 +0,0 @@
|
||||
|
||||
<div>
|
||||
<a class="button button-primary" href="#">a (default)</a>
|
||||
<button class="button button-primary">button (default)</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-small button-primary" href="#">a.small</a>
|
||||
<button class="button button-small button-primary">button.small</button>
|
||||
|
||||
<a class="button button-outline button-small button-primary" href="#">a.outline.small</a>
|
||||
<button class="button button-outline button-small button-primary">button.outline.small</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-clear button-small button-primary" href="#">a.clear.small</a>
|
||||
<button class="button button-clear button-small button-primary">button.clear.small</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-large button-primary" href="#">
|
||||
<span style="font-size:48px">H</span>
|
||||
<span style="font-size:38px">E</span>
|
||||
<span style="font-size:32px">L</span>
|
||||
<span style="font-size:24px">L</span>
|
||||
O</a>
|
||||
<button class="button button-large button-primary">button</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a class="button button-outline button-large button-primary" href="#">a</a>
|
||||
<button class="button button-outline button-large button-primary">button</button>
|
||||
|
||||
<a class="button button-clear button-large button-primary" href="#">a</a>
|
||||
<button class="button button-clear button-large button-primary">button</button>
|
||||
</div>
|
||||
@ -1,13 +0,0 @@
|
||||
import {bootstrap} from 'angular2/core'
|
||||
import {Component, Template} from 'angular2/angular2'
|
||||
import {Button} from 'ionic2/components/button/button'
|
||||
|
||||
|
||||
@Component({ selector: '[ion-app]' })
|
||||
@Template({
|
||||
url: 'main.html',
|
||||
directives: [Button]
|
||||
})
|
||||
class IonicApp {}
|
||||
|
||||
bootstrap(IonicApp)
|
||||
Reference in New Issue
Block a user