Typography | NativeBase | Universal Components for React and React Native

NativeBase

3.4.x

Search

Search

⌘

K

Hire us

NativeBase

Introduction

Getting Started

Installation

Setup NativeBase Provider

Resources

Contribution

Creating a Universal App with NativeBase and Solito

New

Core Concepts

Utility First

Utility Props Specificity

Design Tokens

Pseudo Props: Overview

Pseudo Props: Dos & Don'ts

Internal Pseudo Props

New

Responsive

Features

Utility Props

Color mode (Dark Mode)

NativeBase Factory

SafeAreaView Props

Strict Mode

Accessibility

Theme

Default Theme

Customizing Theme

Customizing Fonts

Customizing Components

Making components dark mode compatible

Breakpoints

Using Theme

TypeScript

Layout

AspectRatio

Box

Center

Container

Flex

HStack / Row

Stack

VStack / Column

ZStack

Forms

Button

Pressable

Checkbox

FormControl

IconButton

Input

Link

Radio

Select

Slider

Switch

TextArea

Data Display

Badge

Divider

Feedback

Alert

Progress

Skeleton

Spinner

Toast

Update

Typography

Text

Heading

Overlay

AlertDialog

Menu

Modal

Popover

Tooltip

Disclosure

ActionSheet

Media and Icons

Avatar

Icon

Image

Transition

PresenceTransition

Slide

Stagger

Others

Fab

Hidden

ReactNative Components

ScrollView

View

KeyboardAvoidingView

StatusBar

FlatList

SectionList

Hooks

useDisclose

useBreakpointValue

useClipboard

useMediaQuery

useTheme

useToken

useColorMode

useColorModeValue

useContrastText

useAccessibleColors

Examples

Todo-List

Kitchen Sink

Recipes

Designs

AppBar

Card

Drawer Navigation

Tab View

Swipe List

Forms

Form with Validation

Login/Signup Forms

SearchBar

Layout

App Drawer

Footer

Migration

Upgrading to v3

Upgrading to 3.2.0 from 3.x

Upgrading to 3.4.0 from 3.3.x

Components Migration

ActionSheet

Badge

Button

Card

Checkbox

DatePicker

DeckSwiper

Drawer

FABs

FooterTab

Form

Header

Icon

Layout

Picker

Radio Button

Searchbar

Segment

Spinner

SwipeList

Tabs

Thumbnail

Toast

Typography

More

Changelog

Testing

FAQ's

More Props

The alpha version of gluestack-ui is now available! Start building today!

Explore gluestack-ui

Read more

Typography

H1, H2 and H3 all have been replaced with

Heading

component.

Code Comparison

v2

v3

Previous

Toast

Next

Changelog

MadeWithNativeBase