QT/superset2
1
0
Fork 0
mirror of https://github.com/apache/superset.git synced 2026-08-04 21:12:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(build): migrate from Prettier to Oxfmt for docs

Browse Source 
Signed-off-by: hainenber <dotronghai96@gmail.com>
This commit is contained in:
hainenber
2026-07-28 21:38:39 +07:00
parent af9729a861
commit 1bbc63099b
2163 changed files with 89307 additions and 32009 deletions
Download Patch File Download Diff File Expand all files Collapse all files

141
docs/developer_docs_versioned_docs/version-6.1.0/components/ui/skeleton.mdx
View File

@@ -33,67 +33,60 @@ Skeleton loading component with support for avatar, title, paragraph, button, an
<StoryWithControls
component="Skeleton"
props={{
active: true,
avatar: false,
loading: true,
title: true,
shape: "circle",
size: "default",
block: false
}}
active: true,
avatar: false,
loading: true,
title: true,
shape: 'circle',
size: 'default',
block: false,
}}
controls={[
{
name: "active",
label: "Active",
type: "boolean",
description: "Show animation effect."
},
{
name: "avatar",
label: "Avatar",
type: "boolean",
description: "Show avatar placeholder."
},
{
name: "loading",
label: "Loading",
type: "boolean",
description: "Display the skeleton when true."
},
{
name: "title",
label: "Title",
type: "boolean",
description: "Show title placeholder."
},
{
name: "shape",
label: "Shape",
type: "select",
options: [
"circle",
"square"
],
description: "Shape of the avatar/button skeleton."
},
{
name: "size",
label: "Size",
type: "select",
options: [
"large",
"small",
"default"
],
description: "Size of the skeleton elements."
},
{
name: "block",
label: "Block",
type: "boolean",
description: "Option to fit button width to its parent width."
}
]}
{
name: 'active',
label: 'Active',
type: 'boolean',
description: 'Show animation effect.',
},
{
name: 'avatar',
label: 'Avatar',
type: 'boolean',
description: 'Show avatar placeholder.',
},
{
name: 'loading',
label: 'Loading',
type: 'boolean',
description: 'Display the skeleton when true.',
},
{
name: 'title',
label: 'Title',
type: 'boolean',
description: 'Show title placeholder.',
},
{
name: 'shape',
label: 'Shape',
type: 'select',
options: ['circle', 'square'],
description: 'Shape of the avatar/button skeleton.',
},
{
name: 'size',
label: 'Size',
type: 'select',
options: ['large', 'small', 'default'],
description: 'Size of the skeleton elements.',
},
{
name: 'block',
label: 'Block',
type: 'boolean',
description: 'Option to fit button width to its parent width.',
},
]}
/>
## Try It
@@ -102,29 +95,21 @@ Edit the code below to experiment with the component:
```tsx live
function Demo() {
return (
<Skeleton
active
loading
title
shape="circle"
size="default"
/>
);
return <Skeleton active loading title shape="circle" size="default" />;
}
```
## Props
| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `active` | `boolean` | `true` | Show animation effect. |
| `avatar` | `boolean` | `false` | Show avatar placeholder. |
| `loading` | `boolean` | `true` | Display the skeleton when true. |
| `title` | `boolean` | `true` | Show title placeholder. |
| `shape` | `string` | `"circle"` | Shape of the avatar/button skeleton. |
| `size` | `string` | `"default"` | Size of the skeleton elements. |
| `block` | `boolean` | `false` | Option to fit button width to its parent width. |
| Prop | Type | Default | Description |
| --------- | --------- | ----------- | ----------------------------------------------- |
| `active` | `boolean` | `true` | Show animation effect. |
| `avatar` | `boolean` | `false` | Show avatar placeholder. |
| `loading` | `boolean` | `true` | Display the skeleton when true. |
| `title` | `boolean` | `true` | Show title placeholder. |
| `shape` | `string` | `"circle"` | Shape of the avatar/button skeleton. |
| `size` | `string` | `"default"` | Size of the skeleton elements. |
| `block` | `boolean` | `false` | Option to fit button width to its parent width. |
## Import