Typography

A series of interactive headings arranged vertically, each revealing a section of content when clicked.

Installation

Install the package

npm i @start-base/start-ui

Add the styles

To use the React form elements styles in a Next.js project, import the styles in your layout.tsx file.

app/layout.tsx

import "@start-base/start-ui/styles.css";

Import the component

import Typography from '@start-base/start-ui/Typography';

Usages

Typography Title Lead

StartUi

Typography Title Large Gradient

StartUi

Typography Subtitle Success Gradient

Open-Source UI Library for Customizable, Modern, and Accessible Web Interfaces

Typography Subtitle Success

Open-Source UI Library for Customizable, Modern, and Accessible Web Interfaces

Typography Paragraph Lead

Typography Paragraph Large Warning

StartUI is an open-source UI library designed to make web development more efficient and enjoyable. It offers a comprehensive set of pre-built components and utilities that integrate seamlessly with your CSS workflow. StartUI emphasizes customization and flexibility, allowing you to easily adjust colors, typography, layouts, and other design elements to match your project's unique requirements.

Typography Paragraph Medium

Typography Paragraph Small Info

Typography Muted Small Bold

An Important Notice

Typography Quote Lead Error

"Simplicity is the ultimate sophistication."
— Leonardo da Vinci

API

Name	Type	Default	Variants	Description
children	`string`			Children of the Typography
variant	`string`		`title` `subtitle` `paragraph` `muted` `quote`	Variant of the Typography
size	`string`		`small` `medium` `large` `lead`	Size of the Typography
color	`string`	`default`	`default` `info` `warning` `error` `success`	Color of the Typography
gradient	`boolean`	`false`		Gradient of the Typography
bold	`boolean`	`false`		Bold of the Typography
italic	`boolean`	`false`		Italic of the Typography
decoration	`boolean`		`underline` `overline` `linethrough`	Decoration of the Typography

Tooltip Amount Input