Text

A component for rendering text.

npm
source

import { Text } from '@cerberus/react'

Usage

Hello, world!

This is normal text

This is small text

Raw HTML

To render raw HTML, you can utilize the React dangerouslySetInnerHTML combined with the whiteSpace property.

This is a raw paragraph with a bold word and a
line break.

API

export type Headings = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'
export type TextElements = 'p' | 'strong' | 'em' | 'small' | 'span'

export interface TextProps extends BoxProps {
  as?: TextElements | Headings
}

define function Text(props: TextProps): ReactNode

Props

The Text component accepts the following props along with the props from the Box component.

Name	Default	Description
as		The text-based element to render the component as.

On this page

Edit this page on Github