35 lines
1.9 KiB
Markdown
35 lines
1.9 KiB
Markdown
|
# Text
|
||
|
|
|
||
|
|
## Usage
|
||
|
|
|
||
|
|
```js
|
||
|
|
import { Text } from 'asc-web-components';
|
||
|
|
```
|
||
|
|
|
||
|
|
### <Text.Body>
|
||
|
|
|
||
|
|
Wraps the given text in a `<p>` or `<span>` element, for normal content.
|
||
|
|
|
||
|
|
#### Usage
|
||
|
|
|
||
|
|
```js
|
||
|
|
<Text.Body tag='p' title='Some title'>
|
||
|
|
Some text
|
||
|
|
</Text.Body>
|
||
|
|
```
|
||
|
|
|
||
|
|
#### Properties
|
||
|
|
|
||
|
|
| Props | Type | Required | Values | Default | Description |
|
||
|
|
| ------------------ | -------- | :------: | --------------------------- | --------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
||
|
|
| `isDisabled` | `bool` | - | - | false | Marks text as disabled |
|
||
|
|
| `tag` | `oneOf` | - | `p`,`span` | `p` | Sets the text type with its own font size |
|
||
|
|
| `title` | `bool` | - | - | - | Title |
|
||
|
|
| `truncate` | `bool` | - | - | false | Disables word wrapping |
|
||
|
|
| `isInline` | `bool` | - | - | false | Sets the 'display: inline-block' property |
|
||
|
|
| `color` | `oneOf` | - | `black`, `gray`, `lightGray` | `black` | Sets the text color |
|
||
|
|
| `isBold` | `bool` | - | - | false | Sets the font weight |
|
||
|
|
| `isItalic` | `bool` | - | - | false | Sets the font style |
|
||
|
|
| `backgroundColor` | `bool` | - | - | false | Sets background color |
|
||
|
|
|