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 '@adminjs/design-system'

See:

TextProps
Storybook

View Source adminjs-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 adminjs-design-system/src/atoms/text.tsx, line 73