, 'className' | 'style'> {}
-export function Skeleton({className}: SkeletonProps) {
- return ;
+export function Skeleton({className, style}: SkeletonProps) {
+ return ;
}
diff --git a/src/components/Skeleton/__stories__/SkeletonShowcase.tsx b/src/components/Skeleton/__stories__/SkeletonShowcase.tsx
index 5ebc98e2c0..a3deceabb9 100644
--- a/src/components/Skeleton/__stories__/SkeletonShowcase.tsx
+++ b/src/components/Skeleton/__stories__/SkeletonShowcase.tsx
@@ -40,7 +40,7 @@ const persons = [
{name: 'Al Coholic', info: 'Somewhere', info2: 'DevOps'},
];
-export function SkeletonShowcase() {
+function SkeletonListShowcase() {
const [listVisible, setListVisible] = React.useState(false);
return (
@@ -60,3 +60,15 @@ export function SkeletonShowcase() {
);
}
+
+export function SkeletonShowcase() {
+ return (
+ <>
+ Skeleton
+ List
+
+ Styled with inline prop
+
+ >
+ );
+}