arbetsformedlingen/mina-sidor-fa-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feature(ui-library): Added own library of UI components to replace digi-ng. Skeleton is first component moved (TV-850)

Browse Source 
Squashed commit of the following:

commit d76e32cd99e2e823142f4410e66c66df5e096041
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date:   Thu Oct 28 10:28:02 2021 +0200

    Move styles to own library

commit 85f0a5788ebdd7309499b1b623f4ac1046f45811
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date:   Thu Oct 28 10:09:23 2021 +0200

    double quotes in html

commit eeb600cd631e3478c136795a8109e8927546b14b
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date:   Wed Oct 27 16:42:48 2021 +0200

    UI library with copy of digi-ng's skeleton

commit 11a24c0eef173e6b2f087eca5e96063036e6394b
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date:   Wed Oct 27 16:06:43 2021 +0200

    Update .eslintrc.json

commit 3c4b2e4823dbd8e9ca8dd332966bd10ac0fc098f
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date:   Wed Oct 27 15:08:32 2021 +0200

    add nx library
This commit is contained in:
Daniel Appelgren
2021-10-28 10:34:28 +02:00
parent a0f61c796d
commit d3c61a4c56
89 changed files with 2229 additions and 1574 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
libs/ui/skeleton/skeleton.component.stories.ts Normal file
View File

@@ -0,0 +1,40 @@
import { SkeletonComponent } from './skeleton.component';
import { UiSkeletonModule } from './skeleton.module';
export default { title: 'Skeleton', component: SkeletonComponent };
const componentModule = {
moduleMetadata: {
imports: [UiSkeletonModule],
},
};
export const standard = () => ({
...componentModule,
template: '<ui-skeleton></ui-skeleton>',
});
export const limitedMultiLine = () => ({
...componentModule,
template: '<ui-skeleton [uiCount]="2"></ui-skeleton>',
});
export const extensiveMultiLine = () => ({
...componentModule,
template: '<ui-skeleton [uiCount]="5"></ui-skeleton>',
});
export const paragraphless = () => ({
...componentModule,
template: '<ui-skeleton [uiCount]="0"></ui-skeleton>',
});
export const customText = () => ({
...componentModule,
template: '<ui-skeleton uiText="I am a custom text..."></ui-skeleton>',
});
export const noText = () => ({
...componentModule,
template: '<ui-skeleton uiText=""></ui-skeleton>',
});