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.

Text

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

API Reference

Typography.Title

Typography.Text

Typography.Link