DocSpace-buildtools/web/ASC.Web.Storybook/stories/text/body
2019-08-07 11:18:42 +03:00
..
index.stories.js web: components: Text: Color property is now custom 2019-08-07 11:18:42 +03:00
README.md web: components: Text: Color property is now custom 2019-08-07 11:18:42 +03:00

Text

Usage

import { Text } from 'asc-web-components';

<Text.Body>

Component that displays plain text

Usage

    <Text.Body as='p' title='Some title'>
        Some text
    </Text.Body>

If you need to override styles

    const StyledText = styled(Text.Body)`
        &:hover{
            border-bottom: 1px dotted;
        }
    `;

    <StyledText forwardedAs='p' title='Some title'>
        Some text
    </StyledText>

Properties

Props Type Required Values Default Description

| isDisabled | bool | - | - | false | Marks text as disabled | | as | string | - | - | p | Sets the tag through which to render the component | | title | bool | - | - | - | Title | | truncate | bool | - | - | false | Disables word wrapping | | isInline | bool | - | - | false | Sets the 'display: inline-block' property | | color | string | - | - | '#333333' | Specifies the text color | | disableColor | string | - | | lightGray | Sets the text disabled color | | isBold | bool | - | - | false | Sets the font weight | | isItalic | bool | - | - | false | Sets the font style | | backgroundColor | bool | - | - | false | Sets background color |