tykayn/ng-implementation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

create array of main buttons

Browse source
This commit is contained in:
tykayn 2025-09-22 09:57:38 +02:00
parent 0dcb0c2f3e
commit 3043a74fa7
4 changed files with 73 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

36
my-workspace/projects/sae-lib/buttons/array-buttons/array-buttons.html Normal file
View file

@ -0,0 +1,36 @@
<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>