We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent bbc4c4e commit 9faafbdCopy full SHA for 9faafbd
packages/component-library/src/Skeleton/index.module.scss
@@ -14,7 +14,7 @@
14
.skeleton {
15
border-radius: theme.border-radius("lg");
16
17
- &.fullSkeleton {
+ &[data-fill] {
18
width: 100%;
19
}
20
packages/component-library/src/Skeleton/index.tsx
@@ -22,10 +22,10 @@ export const Skeleton = ({
22
data-fill-width={width === undefined ? "" : undefined}
23
{...(width &&
24
!fill && { style: { "--skeleton-width": width } as CSSProperties })}
25
+ data-fill={fill ? "" : undefined}
26
className={clsx(
27
styles.skeleton,
- { [styles.fullSkeleton ?? ""]: fill },
28
- { [className ?? ""]: fill },
+ className,
29
)}
30
>
31
<span className={clsx(styles.skeletonInner, className)} {...props}>
0 commit comments