Components

Text

<Text />

Constructor

# <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'

View Source admin-bro/src/frontend/components/design-system/atoms/text.tsx, line 42

Example

Lorem ipsum

Type Definitions

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/src/frontend/components/design-system/atoms/text.tsx, line 69