mirror of
https://github.com/roleypoly/roleypoly.git
synced 2025-05-07 09:12:34 +00:00
feat: add skeleton masthead and generic loading page (#182)
* feat: add skeleton masthead and generic loading page * add generic loader to picker page * smooth out spinner, add no-motion state
This commit is contained in:
parent
fa85b30cf0
commit
e0fcfc310e
28 changed files with 380 additions and 30 deletions
|
@ -2,6 +2,7 @@ import { Hero } from '@roleypoly/design-system/atoms/hero';
|
|||
import * as React from 'react';
|
||||
import { user } from '../../fixtures/storyData';
|
||||
import { UserAvatarGroup } from './UserAvatarGroup';
|
||||
import { UserAvatarGroupSkeleton } from './UserAvatarGroupSkeleton';
|
||||
|
||||
export default {
|
||||
title: 'Molecules/User Avatar Group',
|
||||
|
@ -17,3 +18,9 @@ export const Default = (args) => (
|
|||
<UserAvatarGroup {...args} />
|
||||
</Hero>
|
||||
);
|
||||
|
||||
export const skeleton = () => (
|
||||
<Hero>
|
||||
<UserAvatarGroupSkeleton />
|
||||
</Hero>
|
||||
);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue