Change border radius of skeleton about react-loading-skeleton HOT 4 CLOSED

I don't think that works because react-loading-skeleton doesn't pass the className generated by styled-components you're using through to the Skeleton component.

Working code sandbox example

from react-loading-skeleton.

In v2, you can set the border-radius via the style prop.

In v3, there is a borderRadius prop on both Skeleton and SkeletonTheme.

from react-loading-skeleton.

I am also interested in this to make the Skeleton match different styles of components.

If you are using styled-components you can style the component that wraps the skeleton component. The Skeleton is a span.

span {
   border-radius: 30px;
}

from react-loading-skeleton.

import Skeleton from 'react-loading-skeleton';

export const SkeletonLoading = styled(Skeleton)`
  span {
    border-radius: 15px !important;
  }
`;

Tried to do this but seems not working

from react-loading-skeleton.