Breaking News: Grepper is joining You.com. Read the official announcement!

Typescript listings-Skeleton in ant-design.

Mappy Show answered on May 9, 2022 Popularity 1/10 Helpfulness 1/10

answer Typescript listings-Skeleton in ant-design.

Typescript listings-Skeleton in ant-design.

Comment

const emptyData = [{}, {}, {}, {}, {}, {}, {}, {}];

return (
    <div>
        <Skeleton paragraph={{ rows: 1 }} />
        <List
            grid={{
                gutter: 8,
                xs: 1,
                sm: 2,
                lg: 4,
            }}
            dataSource={emptyData}
            renderItem={() => (
                <List.Item>
                    <Card
                        cover=
                        {
                            <div
                                style={{ backgroundImage: `url(${listingLoadingCardCover})` }}
                                className="Listings-skeleton__card-cover-img"
                            ></div>
                        }
                        loading
                        className="Listings-skeleton__card"
                    />
                </List.Item>
            )}
        />
    </div>
);

Popularity 1/10 Helpfulness 1/10 Language typescript

Source: github.com

Tags: typescript

Link to this answer
Share Copy Link

Contributed on May 09 2022

Mappy Show

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

Typescript listings-Skeleton in ant-design.

Contents

More Related Answers

Typescript listings-Skeleton in ant-design.

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.