| layout | type of layout | Enum{'horizontal', 'vertical'} | 'horizontal' |
| col | specify the maximum number of columns to display, the final columns number is determined by col setting combined with [Responsive Rules](/components/DescriptionList#Responsive-Rules) | number(0 <col<=4)|3|
| title | title | ReactNode | - |
| gutter | specify the distance between two items, unit is `px`| number | 32 |
| size | size of list | Enum{'large', 'small'} | - |
| Property | Description | Type | Default |
| --- | --- | --- | --- |
| layout | type of layout | Enum{'horizontal', 'vertical'} | 'horizontal' |
| col | specify the maximum number of columns to display, the final columns number is determined by col setting combined with [Responsive Rules](/components/DescriptionList#Responsive-Rules) | number(0 <col<=4)|3|
| title | title | ReactNode | - |
| gutter | specify the distance between two items, unit is `px` | number | 32 |
| size | size of list | Enum{'large', 'small'} | - |
Also note that, in this mode, the outer container needs to have a specified width (or set its own width).
````jsx
```jsx
import Ellipsis from 'ant-design-pro/lib/Ellipsis';
const article = <p>There were injuries alleged in three <ahref="#cover">cases in 2015</a>, and a fourth incident in September, according to the safety recall report. After meeting with US regulators in October, the firm decided to issue a voluntary recall.</p>;
const article = (
<p>
There were injuries alleged in three <ahref="#cover">cases in 2015</a>, and a fourth incident
in September, according to the safety recall report. After meeting with US regulators in
October, the firm decided to issue a voluntary recall.
en-US: Truncate according to the number of character
---
@ -13,16 +13,20 @@ title:
`length` attribute specifies the maximum length where the text will automatically be truncated when exceeded.
````jsx
```jsx
import Ellipsis from 'ant-design-pro/lib/Ellipsis';
const article = 'There were injuries alleged in three cases in 2015, and a fourth incident in September, according to the safety recall report. After meeting with US regulators in October, the firm decided to issue a voluntary recall.';
const article =
'There were injuries alleged in three cases in 2015, and a fourth incident in September, according to the safety recall report. After meeting with US regulators in October, the firm decided to issue a voluntary recall.';
@ -8,13 +8,13 @@ Exceptions page is used to provide feedback on specific abnormal state. Usually,
## API
Property | Description | Type | Default
---------|-------------|------|--------
| Property | Description | Type | Default |
| --- | --- | --- | --- |
| backText | default return button text | ReactNode | back to home |
type | type of exception, the corresponding default `title`, `desc`, `img` will be given if set, which can be overridden by explicit setting of `title`, `desc`, `img` | Enum {'403', '404', '500'} | -
title | title | ReactNode | -
desc | supplementary description | ReactNode | -
img | the url of background image | string | -
actions | suggested operations, a default 'Home' link will show if not set | ReactNode | -
linkElement | to specify the element of link | string\|ReactElement | 'a'
redirect | redirect path | string | '/'
| type | type of exception, the corresponding default `title`, `desc`, `img` will be given if set, which can be overridden by explicit setting of `title`, `desc`, `img` | Enum {'403', '404', '500'} | - |
| tab | displayed text of the tab | ReactNode | - |
### Login.UserName
Property | Description | Type | Default
----|------|-----|------
name | name of the control, also the key of the submitted data | String | -
rules | validation rules, same with [option.rules](getFieldDecorator(id, options)) in Form getFieldDecorator(id, options) | object[] | -
| Property | Description | Type | Default |
| --- | --- | --- | --- |
| name | name of the control, also the key of the submitted data | String | - |
| rules | validation rules, same with [option.rules](getFieldDecorator(id, options)) in Form getFieldDecorator(id, options) | object[] | - |
Apart from the above properties, Login.Username also support all properties of antd.Input, together with the default values of basic settings, such as _placeholder_, _size_ and _prefix_. All of these default values can be over-written.
@ -36,14 +36,14 @@ Apart from the above properties, Login.Username also support all properties of a
### Login.Captcha
Property | Description | Type | Default
----|------|-----|------
onGetCaptcha | callback on getting a new Captcha | () => (void \| false \| Promise) | -
countDown | count down | number |-
buttonText | text on getting a new Captcha | ReactNode | '获取验证码'
| Property | Description | Type | Default |
| --- | --- | --- | --- |
| onGetCaptcha | callback on getting a new Captcha | () => (void \| false \| Promise) | - |
| countDown | count down | number |- |
| buttonText | text on getting a new Captcha | ReactNode | '获取验证码' |
Apart from the above properties, _Login.Captcha_ support the same properties with _Login.UserName_.
陈帅
7 years ago