Heading | NativeBase | Universal Components for React and React Native

Search
K
Hire us
Please opt in to our enterprise plan (coming soon) for priority support with NativeBase. If you are starting a new project, we recommend using gluestack-ui. For your existing projects, you can utilize @gluestack-ui/themed-native-base (beta).
Heading
Headings are used for rendering headlines. Heading composes  so you can use all the style props.
Import
Copy
import { Heading } from 'native-base';
Example
Basic
Playground
Sizes
Playground
Truncate
Playground
Override
Playground
Composition
Playground
Props
size
The size of the heading.
Type: number | "xs" | "sm" | "md" | "lg" | "xl" | "2xl"
Default: xl
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