IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web.components: Text: prop size can be string or number

Browse Source
This commit is contained in:
Daniil Senkiv 2019-12-09 18:33:05 +03:00
parent d3483a2e6b
commit e9449f6a70
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/ASC.Web.Components/src/components/text/README.md
View File

@ -34,7 +34,7 @@ const StyledText = styled(Text)`
| Props | Type | Required | Values | Default | Description |
| ----------------- | :------: | :------: | :----: | :-------: | -------------------------------------------------- |
| `fontSize` | `number` | - | - | `13` | Sets the font size |
| `fontSize` | `oneOfType(number, string)` | - | - | `13` | Sets the font size |
| `as` | `string` | - | - | `p` | Sets the tag through which to render the component |
| `title` | `bool` | - | - | - | Title |
| `truncate` | `bool` | - | - | `false` | Disables word wrapping |

5
web/ASC.Web.Components/src/components/text/index.js
View File

@ -4,7 +4,8 @@ import styled, { css } from 'styled-components';
import commonTextStyles from './common-text-styles';
const styleCss = css`
font-size: ${props => props.fontSize}px;
${props => (typeof (props.fontSize) === 'string' && css`font-size: ${props.fontSize};`) ||
(typeof (props.fontSize) === 'number' && css`font-size: ${props.fontSize}px;`)};
font-weight: ${props => props.fontWeight
? props.fontWeight
: props.isBold == true ? 700 : 500};
@ -33,7 +34,7 @@ Text.propTypes = {
tag: PropTypes.string,
title: PropTypes.string,
color: PropTypes.string,
fontSize: PropTypes.number,
fontSize: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
fontWeight: PropTypes.number,
backgroundColor: PropTypes.string,
truncate: PropTypes.bool,