Components

Text

<Text />

Use the Text component to control font size, weight, alignment, and color. By default it is rendered as a div but you can change this to other (like span) by using as prop,

Usage

import { Text, TextProps } from '@admin-bro/design-system'

See:

View Source admin-bro-design-system/src/atoms/text.tsx, line 53

Example

Lorem ipsum

Type Definitions

Type: object

# TextProps

Prop Types of a Text component. Apart from variant it extends all ColorProps, SpaceProps and TypographyProps

Properties:

Name	Type	Attributes	Description
`...`	string	<optional>	Other props from ColorProps, SpaceProps and TypographyProps
`variant`	'xs' \| 'sm' \| 'lg'	<optional>	Optional variant of a component
`as`	string	<optional>	Define this if you want to render element as something other than div

View Source admin-bro-design-system/src/atoms/text.tsx, line 73

Proudly built and maintained by SoftwareBrothers

Software House with a passion for both JavaScript and TypeScript.

See what we do See what we believe in

Proudly built and maintained by