diff options
Diffstat (limited to 'src/view/screens/Storybook/Links.tsx')
| -rw-r--r-- | src/view/screens/Storybook/Links.tsx | 22 |
1 files changed, 12 insertions, 10 deletions
diff --git a/src/view/screens/Storybook/Links.tsx b/src/view/screens/Storybook/Links.tsx index f9ecfba55..d35db79bc 100644 --- a/src/view/screens/Storybook/Links.tsx +++ b/src/view/screens/Storybook/Links.tsx @@ -1,9 +1,9 @@ import React from 'react' import {View} from 'react-native' -import {useTheme, atoms as a} from '#/alf' +import {atoms as a, useTheme} from '#/alf' import {ButtonText} from '#/components/Button' -import {InlineLink, Link} from '#/components/Link' +import {InlineLinkText, Link} from '#/components/Link' import {H1, Text} from '#/components/Typography' export function Links() { @@ -13,20 +13,22 @@ export function Links() { <H1>Links</H1> <View style={[a.gap_md, a.align_start]}> - <InlineLink to="https://google.com" style={[a.text_lg]}> + <InlineLinkText to="https://google.com" style={[a.text_lg]}> https://google.com - </InlineLink> - <InlineLink to="https://google.com" style={[a.text_lg]}> + </InlineLinkText> + <InlineLinkText to="https://google.com" style={[a.text_lg]}> External with custom children (google.com) - </InlineLink> - <InlineLink + </InlineLinkText> + <InlineLinkText to="https://bsky.social" style={[a.text_md, t.atoms.text_contrast_low]}> Internal (bsky.social) - </InlineLink> - <InlineLink to="https://bsky.app/profile/bsky.app" style={[a.text_md]}> + </InlineLinkText> + <InlineLinkText + to="https://bsky.app/profile/bsky.app" + style={[a.text_md]}> Internal (bsky.app) - </InlineLink> + </InlineLinkText> <Link variant="solid" |