ant-design-vue/index.en-US.md at ebc2082934f104da1e92c331f6f3fc1b9a17f243

mirror of https://gitee.com/ant-design-vue/ant-design-vue.git synced 2024-12-04 13:08:48 +08:00

* style: affix & util

* feat(alert): add customIcon slot

* feat(anchor): ts type

* style: auto-complete

* feat: avatar add crossOrigin & maxPopoverTrigger

* style(backTop): v-show instead v-if

* style: badge

* style: breadcrumb

* feat: button add global size

* feat: update i18n

* feat: picker add disabledTime

* test: update snap

* doc: update img url

* style: fix Card tabs of left position

* doc: update cascader doc

* feat: collapse

* style: comment

* style: configprovider

* feat: date-picker add soem icon slot

* style: update descriptions style

* feat: add divider orientationMargin

* doc: update drawer

* feat: dropdown add destroyPopupOnHide & loading

* style: update empty

* feat: form add labelWrap

* style: update grid

* test: update grid snap

* fix: image ts error

* fix: mentions cannot select, close #5233

* doc: update pagination change info, close #5293

* fix: table dynamic expand error, close #5295

* style: remove not use

* release 3.0.0-beta.11

* doc: update typo

* feat: input add showCount

* feat: inputNumber add prefix slot

* style: update layout

* style: update list

* feat: add locale i18

* style: update locale ts

* style: update mentions

* feat: menu divider add dashed

* perf: menu

* perf: menu animate

* feat: modal method add wrapClassName

* style: update pageheader

* feat: update pagination ts

* feat: confirm add showCancel & promise

* doc: update popover

* style: update progress

* style: radio

* style: update rate、result、row

* feat: select add fieldNames

* feat: add skeleton button & input

* feat: spin tip support slot

* style: slider & space

* stype: update steps ts type

* style: update switch

* feat: table add tree filter

* test: update input sanp

* feat: table add filterMode...

* fix: tree autoExpandParent bug

* test: update input snap

* doc: tabs add destroyInactiveTabPane

* style: update tag

* style: update timeline & time-picker

* fix: Tooltip arrowPointAtCenter 1px shift bug

* feat: typography add enterEnterIcon triggerType

* doc: update tree-select

* fix: deps and TypeScript types

* style: udpate transfer

* style: update style

* doc: add colorScheme

* chore: add css var builg

* doc: sort api

* style: lint code

* doc: add css var

* test: update snap

* chore: add pre script

* chore: update lint

* perf: collapse animate

* perf: collapse tree

* perf: typography shaking when edit

* doc: update auto-complete demo

* fix: table tree not have animate

* feat: deprecated dropdown center placement

* feat: deprecated dropdown center placement

* test: update snap

2022-03-12 09:56:32 +08:00

2.7 KiB

Raw Blame History

category	type	title	cover
Components	Feedback	Skeleton	https://gw.alipayobjects.com/zos/alicdn/KpcciCJgv/Skeleton.svg

Provide a placeholder while you wait for content to load, or to visualise content that doesn't exist yet.

When To Use

When a resource needs long time to load.
When the component contains lots of information, such as List or Card.
Only works when loading data for the first time.
Could be replaced by Spin in any situation, but can provide a better user experience.

API

Skeleton

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
title	Show title placeholder	boolean \| SkeletonTitleProps	true

SkeletonAvatarProps

Property	Description	Type	Default
shape	Set the shape of avatar	`circle` \| `square`	-
size	Set the size of avatar	number \| `large` \| `small` \| `default`	-

SkeletonTitleProps

Property	Description	Type	Default
width	Set the width of title	number \| string	-

SkeletonParagraphProps

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>	-

SkeletonButtonProps (3.0+)

Property	Description	Type	Default
active	Show animation effect	boolean	false
block	Option to fit button width to its parent width	boolean	false
shape	Set the shape of button	`circle` \| `round` \| `default`	-
size	Set the size of button	`large` \| `small` \| `default`	-

SkeletonInputProps (3.0+)

Property	Description	Type	Default
active	Show animation effect	boolean	false
size	Set the size of input	`large` \| `small` \| `default`	-

2.7 KiB Raw Blame History