Skeleton
Skeleton
Provide a placeholder while you wait for content to load, or to visualize content that doesn't exist yet.
가져오기import{ Skeleton }from"antd"; |
- Components Overview
- General
- Layout
- Navigation
- Data Entry
- Data Display
- Feedback
- Other
가져오기import{ Skeleton }from"antd"; |
Common props ref：Common props
| Property | Description | Type | Default |
|---|---|---|---|
| active | Show animation effect | boolean | false |
| avatar | Show avatar placeholder | boolean | SkeletonAvatarProps | false |
| loading | Display the skeleton when true | boolean | - |
| paragraph | Show paragraph placeholder | boolean | SkeletonParagraphProps | true |
| round | Show paragraph and title radius when true | boolean | false |
| title | Show title placeholder | boolean | SkeletonTitleProps | true |
| Property | Description | Type | Default |
|---|---|---|---|
| active | Show animation effect, only valid when used avatar independently | boolean | false |
| shape | Set the shape of avatar | circle | square | - |
| size | Set the size of avatar | number | large | small | default | - |
| Property | Description | Type | Default |
|---|---|---|---|
| width | Set the width of title | number | string | - |
| Property | Description | Type | Default |
|---|---|---|---|
| rows | Set the row count of paragraph | number | - |
| width | Set the width of paragraph. When width is an Array, it can set the width of each row. Otherwise only set the last row width | number | string | Array<number | string> | - |
| Property | Description | Type | Default | Version |
|---|---|---|---|---|
| active | Show animation effect | boolean | false | |
| block | Option to fit button width to its parent width | boolean | false | 4.17.0 |
| shape | Set the shape of button | circle | round | square | default | - | |
| size | Set the size of button | large | small | default | - |
| Property | Description | Type | Default |
|---|---|---|---|
| active | Show animation effect | boolean | false |
| size | Set the size of input | large | small | default | - |
We supply a series of design principles, practical patterns and high quality design resources (Sketch and Axure), to help people create their product prototypes beautifully and efficiently.
