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 52

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