Nativebase logo
NativeBase
Data Display
Typography
Disclosure
Media and Icons
Others
Heading
Headings are used for rendering headlines. Heading composes  so you can use all the style props.
Show Code
Playground
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: ResponsiveValue<number | "px" | "0" | "full" | "sm" | "6" | "2xs" | "8" | "xs" | "12" | "md" | "16" | "xl" | "24" | "32" | "2" | "0.5" | "4" | "3" | "lg" | "1" | "2xl" | "10" | "20" | "64" | "container" | ... 28 more ... | (string & {})>
Default: xl
Styling
NativeBase ships with a default theme for each component. Checkout the default theme of heading.
Info: We can easily extend the heading component theme using extendTheme function as described in the documentation .
Nativebase logo
MadeWithNativeBase