cnd-components-mcp/componentData/components/Skeleton/examples.md

An MCP service for Cnd components query | 一个减少 Cnd 组件代码生成幻觉的 MCP 服务，包含系统提示词、组件文档、API 文档、代码示例和更新日志查询

## 示例
```tsx
import React from 'react';
import { Skeleton, Card, Icon } from '@alicloud/console-components';

const commonProps = {
  extra: <Icon type="more" size="small" />,
  showHeadDivider: false,
  title: '卡片',
  style: { width: '510px' },
};
export default () => {
  return (
    <div>
      <Card
        {...commonProps}
        title="标题Title"
        showHeadDivider={false}
        contentHeight="auto"
      >
        &lt;div&gt;
          &lt;Skeleton height={180} /&gt;
          &lt;Skeleton /&gt;
          &lt;Skeleton count={2} /&gt;
        &lt;/div&gt;
      &lt;/Card&gt;
    &lt;/div&gt;
  );
};

export const meta = {
  title: '图片内容骨架屏',
  describe: '通过设置count属性设置骨架屏的行数',
};

```