diff --git a/packages/docs/docs/.vitepress/docs/documentation/components/alert.md b/packages/docs/docs/.vitepress/docs/documentation/components/alert.md index 9cff445..45bc878 100644 --- a/packages/docs/docs/.vitepress/docs/documentation/components/alert.md +++ b/packages/docs/docs/.vitepress/docs/documentation/components/alert.md @@ -49,25 +49,20 @@ slots : type: slot values: description: Add an icon to the alert. - default: usageUrl: alert#icon - name: title type: slot values: description: Add a title to the alert. - default: usageUrl: alert#title - name: page-{n} type: slot values: (page-1 - page-{n}) description: Add the pages to the alert if it is page one would be (slot='page-1'). - default: usageUrl: alert#title - name: footer type: slot - values: description: Add a footer to the alert. - default: usageUrl: alert#footer --- diff --git a/packages/docs/docs/.vitepress/docs/documentation/components/avatar.md b/packages/docs/docs/.vitepress/docs/documentation/components/avatar.md index 946cde6..a281140 100644 --- a/packages/docs/docs/.vitepress/docs/documentation/components/avatar.md +++ b/packages/docs/docs/.vitepress/docs/documentation/components/avatar.md @@ -89,15 +89,11 @@ props : slots : - name: badge type: slot - values: description: Add to the badge everything that is inside the slot, commonly used for numbers and an icon. - default: usageUrl: avatar#badge - name: icons type: slot - values: description: Add a space to put icons next to the avatar. - default: usageUrl: avatar#badge --- diff --git a/packages/docs/docs/.vitepress/docs/documentation/components/button.md b/packages/docs/docs/.vitepress/docs/documentation/components/button.md index 30aafa7..7b4f7a8 100644 --- a/packages/docs/docs/.vitepress/docs/documentation/components/button.md +++ b/packages/docs/docs/.vitepress/docs/documentation/components/button.md @@ -77,9 +77,7 @@ props : slots : - name: animate type: slot - values: description: Slot for adding elements that will be displayed in the animation. - default: usageUrl: button#animate --- diff --git a/packages/docs/docs/.vitepress/docs/documentation/components/card.md b/packages/docs/docs/.vitepress/docs/documentation/components/card.md index 2df36ae..e5f6ab6 100644 --- a/packages/docs/docs/.vitepress/docs/documentation/components/card.md +++ b/packages/docs/docs/.vitepress/docs/documentation/components/card.md @@ -1,3 +1,35 @@ +--- +prev: Sidebar +props : + - name: type + type: String + values: 1,2,3,4,5 + description: Change the color of the checkbox and some of its sub components. + default: 1 + usageUrl: card#Type2 +slots : + - name: text + type: slot + description: Add text to the card in the section determined by the card type. + usageUrl: card#default + - name: title + type: slot + description: Add the title to the card in the section determined by the type of card. + usageUrl: card#default + - name: buttons + type: slot + description: Add the buttons to the card in the section determined by the type of card. + usageUrl: card#default + - name: interactions + type: slot + description: Add the interactions to the card in the section determined by the card type. + usageUrl: card#default + - name: img + type: slot + description: Add the image or video to the card in the section determined by the type of card. + usageUrl: card#default +--- + # Card @@ -12,4 +44,50 @@ Add a card with the vs-card component for the structure of this component we hav - interactions - img - \ No newline at end of file + + + + +## Type 2 + +Completely change the style of the letter with the property type and the value `2` + + + + + +## Type 3 + +Completely change the style of the letter with the property type and the value `3` + + + + + +## Type 4 + +Completely change the style of the letter with the property type and the value `4` + + + + + +## Type 5 + +Completely change the style of the letter with the property type and the value `5` + + + + + +## Group + +To have a group of scrolling cards you can use the `VsCardGroup` component + + + + + + \ No newline at end of file diff --git a/packages/docs/docs/.vitepress/docs/documentation/components/checkbox.md b/packages/docs/docs/.vitepress/docs/documentation/components/checkbox.md index bda1b53..02c16e7 100644 --- a/packages/docs/docs/.vitepress/docs/documentation/components/checkbox.md +++ b/packages/docs/docs/.vitepress/docs/documentation/components/checkbox.md @@ -47,15 +47,11 @@ props : slots : - name: icon type: slot - values: description: Change the checkbox icon. - default: usageUrl: checkbox#icon - name: default type: slot - values: description: Add a label to the checkbox. - default: usageUrl: checkbox#default --- diff --git a/packages/docs/docs/.vitepress/docs/documentation/components/input.md b/packages/docs/docs/.vitepress/docs/documentation/components/input.md index 9920987..9518009 100644 --- a/packages/docs/docs/.vitepress/docs/documentation/components/input.md +++ b/packages/docs/docs/.vitepress/docs/documentation/components/input.md @@ -6,19 +6,16 @@ props : type: String values: String description: Add a placeholder to the input. - default: usageUrl: input#label-placeholder - name: label type: String values: string description: Add a label above the input. - default: usageUrl: input#label - name: labelPlaceholder type: String values: string description: Add a placeholder converts to focus on a label. - default: usageUrl: input#label-placeholder - name: color type: String @@ -30,7 +27,6 @@ props : type: String values: VuesaxColors | RGB | HEX description: Change the background color of the input by changing its status. - default: usageUrl: input#status - name: progress type: Number @@ -79,13 +75,11 @@ slots : type: slot values: description: Add an icon to the input. - default: usageUrl: input#icon - name: message type: slot values: description: Add an informative text below the input. - default: usageUrl: input#message --- diff --git a/packages/docs/docs/.vitepress/docs/documentation/components/loading.md b/packages/docs/docs/.vitepress/docs/documentation/components/loading.md index 4044aef..63b1f37 100644 --- a/packages/docs/docs/.vitepress/docs/documentation/components/loading.md +++ b/packages/docs/docs/.vitepress/docs/documentation/components/loading.md @@ -18,19 +18,16 @@ props : type: String values: String description: Add a text below the loading animation. - default: usageUrl: loading#text - name: percent type: String values: (0% - 100%) description: Add a percentage text inside the loading. - default: usageUrl: loading#percent - name: progress type: Number values: (0 - 100) description: Add a progress bar to the loading and the progress would be the value. - default: usageUrl: loading#percent - name: opacity type: String diff --git a/packages/docs/docs/.vitepress/docs/documentation/components/notification.md b/packages/docs/docs/.vitepress/docs/documentation/components/notification.md index 323f272..7e97f06 100644 --- a/packages/docs/docs/.vitepress/docs/documentation/components/notification.md +++ b/packages/docs/docs/.vitepress/docs/documentation/components/notification.md @@ -6,7 +6,6 @@ props : type: String values: string description: Add a title to the notification. - default: usageUrl: notification#default - name: text type: String @@ -24,13 +23,11 @@ props : type: String values: VuesaxColors | RGB | HEX description: Add a background color to the notification. - default: usageUrl: notification#color - name: border type: String values: VuesaxColors | RGB | HEX description: Add a color border to the notification. - default: usageUrl: notification#border - name: duration type: Number @@ -90,13 +87,11 @@ props : type: VNode values: VNode description: Add an icon at the notification beginning - default: usageUrl: notification#icons - name: content type: VNode values: VNode description: Change the content of the notification to the one provided as a value - default: usageUrl: notification#example --- diff --git a/packages/docs/docs/.vitepress/docs/documentation/components/radio.md b/packages/docs/docs/.vitepress/docs/documentation/components/radio.md index 46b9957..dc40e9a 100644 --- a/packages/docs/docs/.vitepress/docs/documentation/components/radio.md +++ b/packages/docs/docs/.vitepress/docs/documentation/components/radio.md @@ -24,20 +24,17 @@ props : type: String values: String description: Determine the value of the radio input. - default: usageUrl: radio#default slots : - name: default type: slot values: description: Add a label to the radio. - default: usageUrl: radio#default - name: icon type: slot values: description: Add an icon inside the radio. - default: usageUrl: radio#default --- diff --git a/packages/docs/docs/.vitepress/docs/documentation/components/select.md b/packages/docs/docs/.vitepress/docs/documentation/components/select.md index 33b7f7c..b4c4a10 100644 --- a/packages/docs/docs/.vitepress/docs/documentation/components/select.md +++ b/packages/docs/docs/.vitepress/docs/documentation/components/select.md @@ -72,13 +72,11 @@ slots : type: slot values: description: Add a message below the select. - default: usageUrl: select#message - name: noData type: slot values: description: Customize the element that is displayed when there is no data after filtering. - default: usageUrl: select#filter --- diff --git a/packages/docs/docs/.vitepress/docs/documentation/components/table.md b/packages/docs/docs/.vitepress/docs/documentation/components/table.md index b0ae2c3..21421ae 100644 --- a/packages/docs/docs/.vitepress/docs/documentation/components/table.md +++ b/packages/docs/docs/.vitepress/docs/documentation/components/table.md @@ -54,37 +54,31 @@ slots : type: slot values: description: Space to put an element at the top of the table such as the input search. - default: usageUrl: table#search-and-sort - name: thead type: slot values: description: Space representing thead element of the table where the `VsTh` components will be placed. - default: usageUrl: table#default - name: tbody type: slot values: description: Represents the tbody element in the table and here we will put the `VsTr` components. - default: usageUrl: table#default - name: header type: slot values: description: Space to put an element at the bottom of the table such as the pagination. - default: usageUrl: table#pagination - name: notFount type: slot values: description: Change the item to display when there are no items in the table. - default: usageUrl: table#search-and-sort - name: VsTr:#expand type: slot values: description: Represents the interior of the VsTr when it is expanded. - default: usageUrl: table#expand-data --- diff --git a/packages/docs/docs/.vitepress/docs/documentation/components/tooltip.md b/packages/docs/docs/.vitepress/docs/documentation/components/tooltip.md index d82c1ce..d4a7a3a 100644 --- a/packages/docs/docs/.vitepress/docs/documentation/components/tooltip.md +++ b/packages/docs/docs/.vitepress/docs/documentation/components/tooltip.md @@ -79,13 +79,11 @@ slots : type: slot values: description: Add the trigger element of the tooltip. - default: usageUrl: tooltip#default - name: tooltip type: slot values: description: It is the content that will go inside the tooltip. - default: usageUrl: tooltip#default --- diff --git a/packages/docs/docs/.vitepress/docs/zh/documentation/components/alert.md b/packages/docs/docs/.vitepress/docs/zh/documentation/components/alert.md index 4b96be5..80e6f0f 100644 --- a/packages/docs/docs/.vitepress/docs/zh/documentation/components/alert.md +++ b/packages/docs/docs/.vitepress/docs/zh/documentation/components/alert.md @@ -49,25 +49,21 @@ slots : type: slot values: description: 为警告添加图标 - default: usageUrl: alert#icon - name: title type: slot values: description: 为警告添加标题 - default: usageUrl: alert#title - name: page-{n} type: slot values: (page-1 - page-{n}) description: 将页面添加到警告中，例如第一页为（slot='page-1'） - default: usageUrl: alert#title - name: footer type: slot values: description: 为警告添加页脚 - default: usageUrl: alert#footer --- diff --git a/packages/docs/docs/.vitepress/docs/zh/documentation/components/button.md b/packages/docs/docs/.vitepress/docs/zh/documentation/components/button.md index 1934d58..86bbe98 100644 --- a/packages/docs/docs/.vitepress/docs/zh/documentation/components/button.md +++ b/packages/docs/docs/.vitepress/docs/zh/documentation/components/button.md @@ -79,7 +79,6 @@ slots : type: slot values: description: 用于添加将在动画中显示的元素的插槽 - default: usageUrl: button#animate --- diff --git a/packages/docs/docs/.vitepress/docs/zh/documentation/components/checkbox.md b/packages/docs/docs/.vitepress/docs/zh/documentation/components/checkbox.md index fe3d511..53551cb 100644 --- a/packages/docs/docs/.vitepress/docs/zh/documentation/components/checkbox.md +++ b/packages/docs/docs/.vitepress/docs/zh/documentation/components/checkbox.md @@ -49,13 +49,11 @@ slots : type: slot values: description: 更改组件图标 - default: usageUrl: checkbox#icon - name: default type: slot values: description: 为组件添加标签 - default: usageUrl: checkbox#default --- diff --git a/packages/docs/docs/.vitepress/docs/zh/documentation/components/input.md b/packages/docs/docs/.vitepress/docs/zh/documentation/components/input.md index ff86dd7..ca0cebe 100644 --- a/packages/docs/docs/.vitepress/docs/zh/documentation/components/input.md +++ b/packages/docs/docs/.vitepress/docs/zh/documentation/components/input.md @@ -6,19 +6,16 @@ props : type: String values: String description: 在输入框中添加占位内容 - default: usageUrl: input#label-placeholder - name: label type: String values: string description: 在输入框上方添加标签 - default: usageUrl: input#label - name: labelPlaceholder type: String values: string description: 添加占位内容，聚焦时变为标签。 - default: usageUrl: input#label-placeholder - name: color type: String @@ -30,7 +27,6 @@ props : type: String values: VuesaxColors | RGB | HEX description: 通过更改状态来更改输入框的背景颜色 - default: usageUrl: input#status - name: progress type: Number @@ -79,13 +75,11 @@ slots : type: slot values: description: 为输入框添加图标 - default: usageUrl: input#icon - name: message type: slot values: description: 在输入内容下方添加说明性文字 - default: usageUrl: input#message --- diff --git a/packages/docs/docs/.vitepress/docs/zh/documentation/components/loading.md b/packages/docs/docs/.vitepress/docs/zh/documentation/components/loading.md index b09f51f..2aa937a 100644 --- a/packages/docs/docs/.vitepress/docs/zh/documentation/components/loading.md +++ b/packages/docs/docs/.vitepress/docs/zh/documentation/components/loading.md @@ -18,19 +18,16 @@ props : type: String values: String description: 在加载动画下方添加文本。 - default: usageUrl: loading#text - name: percent type: String values: (0% - 100%) description: 在加载中添加百分比文本。 - default: usageUrl: loading#percent - name: progress type: Number values: (0 - 100) description: 添加一个进度条，progress 就是当前的进度值。 - default: usageUrl: loading#percent - name: opacity type: String diff --git a/packages/docs/docs/.vitepress/docs/zh/documentation/components/radio.md b/packages/docs/docs/.vitepress/docs/zh/documentation/components/radio.md index 1036665..a876efd 100644 --- a/packages/docs/docs/.vitepress/docs/zh/documentation/components/radio.md +++ b/packages/docs/docs/.vitepress/docs/zh/documentation/components/radio.md @@ -24,20 +24,17 @@ props : type: String values: String description: 确定单选框的值。 - default: usageUrl: radio#default slots : - name: default type: slot values: description: 为单选框添加标签 - default: usageUrl: radio#default - name: icon type: slot values: description: 为单选框中添加一个图标。 - default: usageUrl: radio#default --- diff --git a/packages/docs/docs/.vitepress/docs/zh/documentation/components/select.md b/packages/docs/docs/.vitepress/docs/zh/documentation/components/select.md index 0ed4a82..2a17e5f 100644 --- a/packages/docs/docs/.vitepress/docs/zh/documentation/components/select.md +++ b/packages/docs/docs/.vitepress/docs/zh/documentation/components/select.md @@ -66,13 +66,11 @@ slots : type: slot values: description: 在选择下器方添加一条提示信息 - default: usageUrl: select#message - name: noData type: slot values: description: 自定义过滤后无数据时显示的元素 - default: usageUrl: select#filter --- diff --git a/packages/docs/docs/.vitepress/docs/zh/documentation/components/table.md b/packages/docs/docs/.vitepress/docs/zh/documentation/components/table.md index 0355672..07de70c 100644 --- a/packages/docs/docs/.vitepress/docs/zh/documentation/components/table.md +++ b/packages/docs/docs/.vitepress/docs/zh/documentation/components/table.md @@ -54,37 +54,31 @@ slots : type: slot values: description: 将一个元素放置在表格顶部，例如输入搜索 - default: usageUrl: table#search-and-sort - name: thead type: slot values: description: 代表表格中的 thead 元素，这里放置 VsTh 组件 - default: usageUrl: table#default - name: tbody type: slot values: description: 代表表格中的 tbody 元素，这里放置 VsTr 组件。 - default: usageUrl: table#default - name: header type: slot values: description: 将一个元素放置在表格底部，例如分页功能 - default: usageUrl: table#pagination - name: notFount type: slot values: description: 更改在表格中没有项目时显示内容。 - default: usageUrl: table#search-and-sort - name: VsTr:#expand type: slot values: description: 当 VsTr 展开时代表其内部的插槽 - default: usageUrl: table#expand-data --- diff --git a/packages/docs/docs/.vitepress/docs/zh/documentation/components/tooltip.md b/packages/docs/docs/.vitepress/docs/zh/documentation/components/tooltip.md index f49ef0e..6e79801 100644 --- a/packages/docs/docs/.vitepress/docs/zh/documentation/components/tooltip.md +++ b/packages/docs/docs/.vitepress/docs/zh/documentation/components/tooltip.md @@ -79,13 +79,11 @@ slots : type: slot values: description: 添加文字提示的触发元素。 - default: usageUrl: tooltip#default - name: tooltip type: slot values: description: It is the content that will go inside the tooltip. - default: usageUrl: tooltip#default --- diff --git a/packages/docs/docs/.vitepress/theme/global-components/template/Card/Group.vue b/packages/docs/docs/.vitepress/theme/global-components/template/Card/Group.vue new file mode 100644 index 0000000..9dc7e04 --- /dev/null +++ b/packages/docs/docs/.vitepress/theme/global-components/template/Card/Group.vue @@ -0,0 +1,28 @@ + + + diff --git a/packages/docs/docs/.vitepress/theme/global-components/template/Card/Type2.vue b/packages/docs/docs/.vitepress/theme/global-components/template/Card/Type2.vue new file mode 100644 index 0000000..be7b14d --- /dev/null +++ b/packages/docs/docs/.vitepress/theme/global-components/template/Card/Type2.vue @@ -0,0 +1,26 @@ + + + diff --git a/packages/docs/docs/.vitepress/theme/global-components/template/Card/Type3.vue b/packages/docs/docs/.vitepress/theme/global-components/template/Card/Type3.vue new file mode 100644 index 0000000..5ab6a2f --- /dev/null +++ b/packages/docs/docs/.vitepress/theme/global-components/template/Card/Type3.vue @@ -0,0 +1,26 @@ + + + diff --git a/packages/docs/docs/.vitepress/theme/global-components/template/Card/Type4.vue b/packages/docs/docs/.vitepress/theme/global-components/template/Card/Type4.vue new file mode 100644 index 0000000..f9b210b --- /dev/null +++ b/packages/docs/docs/.vitepress/theme/global-components/template/Card/Type4.vue @@ -0,0 +1,26 @@ + + + diff --git a/packages/docs/docs/.vitepress/theme/global-components/template/Card/Type5.vue b/packages/docs/docs/.vitepress/theme/global-components/template/Card/Type5.vue new file mode 100644 index 0000000..2393e02 --- /dev/null +++ b/packages/docs/docs/.vitepress/theme/global-components/template/Card/Type5.vue @@ -0,0 +1,26 @@ + + +