|
@@ -66,6 +66,8 @@ import { Input } from '@douyinfe/semi-ui';
|
|
|
|
|
|
### Prefix/Suffix
|
|
### Prefix/Suffix
|
|
|
|
|
|
|
|
+When the content of `prefix` and `suffix` is text or Semi Icon, the left and right margin will be automatically added. If it is a custom ReactNode, the left and right margin will be 0
|
|
|
|
+
|
|
```jsx live=true
|
|
```jsx live=true
|
|
import React from 'react';
|
|
import React from 'react';
|
|
import { Input, Typography } from '@douyinfe/semi-ui';
|
|
import { Input, Typography } from '@douyinfe/semi-ui';
|
|
@@ -86,6 +88,8 @@ import { IconSearch } from '@douyinfe/semi-icons';
|
|
|
|
|
|
### Addon
|
|
### Addon
|
|
|
|
|
|
|
|
+When the content of `addonBefore` and `addonAfter` is text or Semi Icon, the left and right margin will be automatically added. If it is a custom ReactNode, the left and right margin will be 0.
|
|
|
|
+
|
|
```jsx live=true
|
|
```jsx live=true
|
|
import React from 'react';
|
|
import React from 'react';
|
|
import { Input } from '@douyinfe/semi-ui';
|
|
import { Input } from '@douyinfe/semi-ui';
|