@@ -82,39 +84,17 @@ export const Children: StoryFn
= () => {
);
};
-export const As: StoryFn = () => {
- return (
- <>
-
- Her er en heading
-
-
-
- Her er en paragraf-komponent som blir rendret som en Skeleton
- variant="text".
-
-
-
-
- Se hvordan Skeleton da overskriver stylingen til det enkelte
- elementet.
-
-
- >
- );
-};
-
-export const TextExample: StoryFn = () => (
+export const Text: StoryFn = () => (
-
-
Heading
+
+
En tittel
Her er en paragraf som går over flere linjer
-
+
- Heading
+ En tittel
diff --git a/packages/react/src/components/loaders/Skeleton/Skeleton.tsx b/packages/react/src/components/loaders/Skeleton/Skeleton.tsx
index e8573164ff..4ce84d2d4f 100644
--- a/packages/react/src/components/loaders/Skeleton/Skeleton.tsx
+++ b/packages/react/src/components/loaders/Skeleton/Skeleton.tsx
@@ -31,7 +31,6 @@ export const Skeleton = forwardRef(
{
asChild,
className,
- children,
height,
style,
variant = 'rectangle',
@@ -42,7 +41,6 @@ export const Skeleton = forwardRef(
) {
const Component = asChild ? Slot : 'span';
const isText = variant === 'text';
- const childrenText = isText && '-'.repeat(Number(width) || 1); // s followed by a makes the most average character length
const animationRef = useSynchronizedAnimation(
'ds-skeleton-opacity-fade',
);
@@ -52,13 +50,12 @@ export const Skeleton = forwardRef(
- {children || childrenText}
-
+ />
);
},
);