mirror of
https://github.com/tusen-ai/naive-ui.git
synced 2025-02-23 13:31:06 +08:00
doc(description)
This commit is contained in:
parent
c1c40c0aa6
commit
58124a671d
demo/documentation/components/descriptions/enUS
packages/common/Descriptions/src
styles
@ -1,5 +1,8 @@
|
|||||||
# Descriptions
|
# Descriptions
|
||||||
<!--single-column-->
|
<!--single-column-->
|
||||||
|
Display items of content easily.
|
||||||
|
|
||||||
|
## Demos
|
||||||
```demo
|
```demo
|
||||||
basic
|
basic
|
||||||
columns
|
columns
|
||||||
@ -7,4 +10,33 @@ span
|
|||||||
placement
|
placement
|
||||||
bordered
|
bordered
|
||||||
size
|
size
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## Props
|
||||||
|
### Descriptions Props
|
||||||
|
|Name|Type|Default|Description|
|
||||||
|
|-|-|-|-|
|
||||||
|
|title|`string`|`null`||
|
||||||
|
|column|`number`|`3`||
|
||||||
|
|label-placement|`'top' \| 'left'`|`'top`||
|
||||||
|
|label-align|`'center' \| 'left' \| 'right'`|`'left`||
|
||||||
|
|size|`'small' \| 'medium' \| 'large'`|`'medium'`||
|
||||||
|
|bordered|`boolean`|`false`||
|
||||||
|
|
||||||
|
### Description Item Props
|
||||||
|
|Name|Type|Default|Description|
|
||||||
|
|-|-|-|-|
|
||||||
|
|label|`string`|`null`||
|
||||||
|
|span|`number`|`1`||
|
||||||
|
|
||||||
|
## Slots
|
||||||
|
### Descriptions Slots
|
||||||
|
|Name|Parameters|Description|
|
||||||
|
|-|-|-|
|
||||||
|
|default|`()`||
|
||||||
|
|
||||||
|
### Description Item Slots
|
||||||
|
|Name|Parameters|Description|
|
||||||
|
|-|-|-|
|
||||||
|
|default|`()`||
|
||||||
|
|label|`()`||
|
||||||
|
@ -37,7 +37,7 @@ export default {
|
|||||||
labelAlign: {
|
labelAlign: {
|
||||||
default: 'left',
|
default: 'left',
|
||||||
validator (value) {
|
validator (value) {
|
||||||
return ['left', 'top'].includes(value)
|
return ['left', 'right', 'center'].includes(value)
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
size: {
|
size: {
|
||||||
|
@ -57,6 +57,13 @@
|
|||||||
@include descriptions-size-mixin('small');
|
@include descriptions-size-mixin('small');
|
||||||
@include descriptions-size-mixin('medium');
|
@include descriptions-size-mixin('medium');
|
||||||
@include descriptions-size-mixin('large');
|
@include descriptions-size-mixin('large');
|
||||||
|
@include m(left-label-placement) {
|
||||||
|
@include b(descriptions-table-content) {
|
||||||
|
& > * {
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@include m(left-label-align) {
|
@include m(left-label-align) {
|
||||||
th {
|
th {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
Loading…
Reference in New Issue
Block a user