Nativebase logo
NativeBase
Data Display
Typography
Disclosure
Media and Icons
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: ResponsiveValue<number | "px" | "0" | "full" | "sm" | "6" | "2xs" | "8" | "xs" | "12" | "md" | "16" | "xl" | "24" | "32" | "2" | "0.5" | "4" | "3" | "lg" | "1" | "2xl" | "container" | "3xs" | "1.5" | ... 29 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