@monstera/ui-components-text
v1.0.6
Published
Monstera Text Component
Downloads
7
Readme
Text
The Text component is used for rendering copy in the app
Installation guide
yarn add @monstera/ui-components-text
# or
npm install @monstera/ui-components-text
Usage
import React from "react";
import {Text} from "@monstera/ui-components";
const MyApp = () => (
<div>
<Text type="hero">Welcome, John</Text>
<Text type="h2">Lorem ipsum dolor sit amet.</Text>
</div>
)
Props
| Name | Type | Default Value | Available values | Description |
| --- |---------|--------------|----------------------------------------------------------------------| --- |
| type
| string | body
| hero
h1
h2
h3
body
caption
| Applies styling according to styleguide |
| disabled
| bool | false
| true
false
| Disables button when value is true
|
| className
| string | ''
| custom
| Component can accept custom styling |