about summary refs log tree commit diff
path: root/src/view/screens/Storybook/Typography.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/view/screens/Storybook/Typography.tsx')
-rw-r--r--src/view/screens/Storybook/Typography.tsx11
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>
   )
 }