Heading | NativeBase | Universal Components for React and React Native

Search
K
Hire us
Data Display
Typography
Disclosure
Media and Icons
Others
If you are starting a new project, please try gluestack-ui for better performance and new design.
Heading
Heading composes so one can use all the style props to render headlines.
Show Code
I'm a Heading
Playground
Import
Copy
import { Heading } from 'native-base';
Example
Basic
I'm a Heading
Playground
Sizes
xs
sm
md
lg
xl
2xl
3xl
4xl
Playground
Truncate
NativeBase is a simple, modular and accessible component library that gives you building blocks to build you React applications.
Playground
Override
How are you?
Playground
Composition
Heading
Headings are used for rendering headlines. Heading composes Text so you can use all the style props.
Playground
Props
Styling
NativeBase ships with a default theme for each component. Check out the default theme of the heading.
Info: We can easily extend the heading component theme using extendTheme function as described in the documentation .
Nativebase logo
MadeWithNativeBase
Gluestack logo
gluestack-ui