36 lines
1.8 KiB
HTML
36 lines
1.8 KiB
HTML
<h1>Main buttons</h1>
|
|
|
|
<p>
|
|
<sae-m-button [label]="'Large'" [size]="'large'"></sae-m-button>
|
|
<sae-m-button [label]="'medium'" [size]="'medium'"></sae-m-button>
|
|
<sae-m-button [label]="'small'" [size]="'small'"></sae-m-button>
|
|
<sae-m-button [label]="'extrasm'" [size]="'extrasm'"></sae-m-button>
|
|
</p>
|
|
<h2>Primary</h2>
|
|
<p>
|
|
<sae-m-button [kind]="'primary'" [label]="'Large'" [size]="'large'"></sae-m-button>
|
|
<sae-m-button [kind]="'primary'" [label]="'medium'" [size]="'medium'"></sae-m-button>
|
|
<sae-m-button [kind]="'primary'" [label]="'small'" [size]="'small'"></sae-m-button>
|
|
<sae-m-button [kind]="'primary'" [label]="'extrasm'" [size]="'extrasm'"></sae-m-button>
|
|
</p>
|
|
<h2>Secondary</h2>
|
|
<p>
|
|
<sae-m-button [kind]="'secondary'" [label]="'Large'" [size]="'large'"></sae-m-button>
|
|
<sae-m-button [kind]="'secondary'" [label]="'medium'" [size]="'medium'"></sae-m-button>
|
|
<sae-m-button [kind]="'secondary'" [label]="'small'" [size]="'small'"></sae-m-button>
|
|
<sae-m-button [kind]="'secondary'" [label]="'extrasm'" [size]="'extrasm'"></sae-m-button>
|
|
</p>
|
|
<h2>Ghost</h2>
|
|
<p>
|
|
<sae-m-button [kind]="'ghost'" [label]="'Large'" [size]="'large'"></sae-m-button>
|
|
<sae-m-button [kind]="'ghost'" [label]="'medium'" [size]="'medium'"></sae-m-button>
|
|
<sae-m-button [kind]="'ghost'" [label]="'small'" [size]="'small'"></sae-m-button>
|
|
<sae-m-button [kind]="'ghost'" [label]="'extrasm'" [size]="'extrasm'"></sae-m-button>
|
|
</p>
|
|
<h2>Link</h2>
|
|
<p>
|
|
<sae-m-button [kind]="'link'" [label]="'Large'" [size]="'large'"></sae-m-button>
|
|
<sae-m-button [kind]="'link'" [label]="'medium'" [size]="'medium'"></sae-m-button>
|
|
<sae-m-button [kind]="'link'" [label]="'small'" [size]="'small'"></sae-m-button>
|
|
<sae-m-button [kind]="'link'" [label]="'extrasm'" [size]="'extrasm'"></sae-m-button>
|
|
</p>
|