diff options
Diffstat (limited to 'src/view/screens/Storybook/Typography.tsx')
-rw-r--r-- | src/view/screens/Storybook/Typography.tsx | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/src/view/screens/Storybook/Typography.tsx b/src/view/screens/Storybook/Typography.tsx index 2e1f04a66..ecd6ec888 100644 --- a/src/view/screens/Storybook/Typography.tsx +++ b/src/view/screens/Storybook/Typography.tsx @@ -3,6 +3,7 @@ import {View} from 'react-native' import {atoms as a} from '#/alf' import {Text, H1, H2, H3, H4, H5, H6, P} from '#/components/Typography' +import {RichText} from '#/components/RichText' export function Typography() { return ( @@ -25,6 +26,16 @@ export function Typography() { <Text style={[a.text_sm]}>atoms.text_sm</Text> <Text style={[a.text_xs]}>atoms.text_xs</Text> <Text style={[a.text_2xs]}>atoms.text_2xs</Text> + + <RichText + resolveFacets + value={`This is rich text. It can have mentions like @bsky.app or links like https://blueskyweb.xyz`} + /> + <RichText + resolveFacets + value={`This is rich text. It can have mentions like @bsky.app or links like https://blueskyweb.xyz`} + style={[a.text_xl]} + /> </View> ) } |