Typography

Installing

Install the component

npm install @supabase/ui

Getting started

Import the component

@import { Typography } from '@supabase/ui'

This component contains sub components which might be easier to use in variables. Alternative import method can be to do the following.

@import { Typography } from '@supabase/ui'

const { Title, Text, Link } = Typography;

<Title level={3}>I am some text</Title>
<Text>I am some text</Text>
<Link>I am some link</Link>

Titles

You can define the level of a title by using the level prop. The level should be a number between 1 and 5.

Loading

Text

You can use the Text subcomponent for various misc text. You can also use a <p> tag inside them if needed.

Loading

API Reference

Typograhy.Title

PropertyType
childrenany
classNamestring
levelTBC
styleCSSProperties

Typograhy.Text

PropertyType
childrenany
classNamestring
codeboolean
disabledboolean
keyboardboolean
markboolean
smallboolean
strikethroughboolean
strongboolean
styleCSSProperties
typeTBC
underlineboolean
PropertyType
childrenReact.ReactNode
classNamestring
hrefstring
onClickHandlerFunction
styleCSSProperties
targetTBC