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>

0
my-workspace/projects/sae-lib/buttons/array-buttons/array-buttons.scss Normal file
View file

23
my-workspace/projects/sae-lib/buttons/array-buttons/array-buttons.spec.ts Normal file
View file

@ -0,0 +1,23 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { ArrayButtons } from './array-buttons';
describe('ArrayButtons', () => {
let component: ArrayButtons;
let fixture: ComponentFixture<ArrayButtons>;
beforeEach(async () => {
await TestBed.configureTestingModule({
imports: [ArrayButtons]
})
.compileComponents();
fixture = TestBed.createComponent(ArrayButtons);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

14
my-workspace/projects/sae-lib/buttons/array-buttons/array-buttons.ts Normal file
View file

@ -0,0 +1,14 @@
import {Component} from '@angular/core';
import {MainButton} from '../main-button/main-button';
@Component({
selector: 'sae-array-buttons',
imports: [
MainButton,
],
templateUrl: './array-buttons.html',
styleUrl: './array-buttons.scss'
})
export class ArrayButtons {
}