diff --git a/example/storybook-nativewind/src/components/Heading/index.nw.stories.mdx b/example/storybook-nativewind/src/components/Heading/index.nw.stories.mdx index 7a47ffbe4..3921a1146 100644 --- a/example/storybook-nativewind/src/components/Heading/index.nw.stories.mdx +++ b/example/storybook-nativewind/src/components/Heading/index.nw.stories.mdx @@ -129,15 +129,142 @@ This section provides a comprehensive reference list for the component props, de #### Heading -It inherits all the properties of @expo/html-elements's [H1](https://github.com/expo/expo/tree/main/packages/html-elements) component. +Heading renders a heading element with a range of sizes and semantic meanings. It offers a variety of props to customize the appearance of the heading. + +<> + + + + + + Sizes + + + Web + + + Native (@expo-html/elements) + + + + + + + + 5xl{`,`} + 4xl{`,`} + 3xl + + + + + {`

`} + + + + + H1 + + + + + + + 2xl + + + + + {`

`} + + + + + H2 + + + + + + + xl + + + + + {`

`} + + + + + H3 + + + + + + + lg + + + + + {`

`} + + + + + H4 + + + + + + + md + + + + + {`
`} + + + + + H5 + + + + + + + sm{`,`} + xs + + + + + {`
`} + + + + + H6 + + + + +

+
+ +<> ### Props #### Heading -Heading component is created using H1 component from @expo/html-elements. It extends all the props supported by [Expo HTML Heading Elements](https://www.npmjs.com/package/@expo/html-elements/v/0.0.5), [utility props](/ui/docs/styling/utility-and-sx-props) and the props mentioned below. +Heading component is created using Heading component from @expo/html-elements on native. It extends all the props supported by [Expo HTML Heading Elements](https://www.npmjs.com/package/@expo/html-elements/v/0.0.5) and the props mentioned below. -<>