Alexey Safronov
03b03ed910
# Conflicts: # packages/client/public/images/actions.upload.react.svg # packages/client/public/images/empty_screen_privacy.png # packages/client/public/locales/en/SingleSignOn.json # packages/client/public/locales/ru/SingleSignOn.json # packages/client/src/helpers/constants.js # packages/client/src/pages/PortalSettings/categories/integration/index.js # packages/client/src/pages/PortalSettings/categories/integration/sub-components/consumerItem.js # packages/client/src/pages/PortalSettings/categories/integration/sub-components/consumerModalDialog.js # packages/client/src/pages/PortalSettings/categories/integration/sub-components/consumerToggle.js # packages/client/src/pages/PortalSettings/categories/integration/sub-components/modalDialogContainer.js # packages/client/src/pages/PortalSettings/categories/integration/sub-components/ssoLoader.js # packages/client/src/pages/PortalSettings/categories/integration/thirdPartyServicesSettings.js # packages/client/src/store/SsoFormStore.js # web/ASC.Web.Client/src/components/pages/Settings/categories/integration/ThirdPartyServicesSettings/index.js # web/ASC.Web.Client/src/components/pages/Settings/categories/integration/ThirdPartyServicesSettings/sub-components/consumerItem.js # web/ASC.Web.Client/src/components/pages/Settings/categories/integration/ThirdPartyServicesSettings/sub-components/consumerModalDialog.js # web/ASC.Web.Client/src/components/pages/Settings/categories/integration/ThirdPartyServicesSettings/sub-components/consumerToggle.js # web/ASC.Web.Client/src/components/pages/Settings/categories/integration/ThirdPartyServicesSettings/sub-components/modalDialogContainer.js # web/ASC.Web.Client/src/components/pages/Settings/categories/integration/sub-components/consumerItem.js # web/ASC.Web.Client/src/components/pages/Settings/categories/integration/sub-components/consumerModalDialog.js # web/ASC.Web.Client/src/components/pages/Settings/categories/integration/sub-components/consumerToggle.js # web/ASC.Web.Client/src/components/pages/Settings/categories/integration/sub-components/modalDialogContainer.js # web/ASC.Web.Client/src/components/pages/Settings/categories/integration/thirdPartyServicesSettings.js |
||
---|---|---|
.. | ||
common-text-styles.js | ||
index.js | ||
README.md | ||
styled-text.js | ||
text.stories.js | ||
text.test.js |
Text
Component that displays plain text
Usage
import Text from "@docspace/components/text";
<Text as="p" title="Some title">
Some text
</Text>
If you need to override styles add forwardedAs instead of as
const StyledText = styled(Text)`
&:hover {
border-bottom: 1px dotted;
}
`;
<StyledText forwardedAs="span" title="Some title">
Some text
</StyledText>
Properties
Props | Type | Required | Values | Default | Description |
---|---|---|---|---|---|
as |
string |
- | - | p |
Sets the tag through which to render the component |
backgroundColor |
string |
- | - | - | Sets background color |
color |
string |
- | - | #333333 |
Specifies the text color |
display |
string |
- | - | - | Sets the 'display' property |
fontSize |
string |
- | - | 13px |
Sets the font size |
fontWeight |
oneOfType(number, string) |
- | - | - | Sets the font weight |
isBold |
bool |
- | - | false |
Sets font weight value to bold |
isInline |
bool |
- | - | false |
Sets the 'display: inline-block' property |
isItalic |
bool |
- | - | false |
Sets the font style |
title |
bool |
- | - | - | Title |
truncate |
bool |
- | - | false |
Disables word wrapping |