diff options
Diffstat (limited to 'src/view/screens')
| -rw-r--r-- | src/view/screens/Storybook/Icons.tsx | 9 | ||||
| -rw-r--r-- | src/view/screens/Storybook/Links.tsx | 7 |
2 files changed, 15 insertions, 1 deletions
diff --git a/src/view/screens/Storybook/Icons.tsx b/src/view/screens/Storybook/Icons.tsx index 73466e077..9d7dc0aa8 100644 --- a/src/view/screens/Storybook/Icons.tsx +++ b/src/view/screens/Storybook/Icons.tsx @@ -6,6 +6,7 @@ import {H1} from '#/components/Typography' import {Globe_Stroke2_Corner0_Rounded as Globe} from '#/components/icons/Globe' import {ArrowTopRight_Stroke2_Corner0_Rounded as ArrowTopRight} from '#/components/icons/ArrowTopRight' import {CalendarDays_Stroke2_Corner0_Rounded as CalendarDays} from '#/components/icons/CalendarDays' +import {Loader} from '#/components/Loader' export function Icons() { const t = useTheme() @@ -36,6 +37,14 @@ export function Icons() { <CalendarDays size="lg" fill={t.atoms.text.color} /> <CalendarDays size="xl" fill={t.atoms.text.color} /> </View> + + <View style={[a.flex_row, a.gap_xl]}> + <Loader size="xs" fill={t.atoms.text.color} /> + <Loader size="sm" fill={t.atoms.text.color} /> + <Loader size="md" fill={t.atoms.text.color} /> + <Loader size="lg" fill={t.atoms.text.color} /> + <Loader size="xl" fill={t.atoms.text.color} /> + </View> </View> ) } diff --git a/src/view/screens/Storybook/Links.tsx b/src/view/screens/Storybook/Links.tsx index 2828e74bf..3f1806906 100644 --- a/src/view/screens/Storybook/Links.tsx +++ b/src/view/screens/Storybook/Links.tsx @@ -19,11 +19,16 @@ export function Links() { style={[a.text_md]}> External </InlineLink> - <InlineLink to="https://bsky.social" style={[a.text_md]}> + <InlineLink to="https://bsky.social" style={[a.text_md, t.atoms.text]}> <H3>External with custom children</H3> </InlineLink> <InlineLink to="https://bsky.social" + style={[a.text_md, t.atoms.text_contrast_low]}> + External with custom children + </InlineLink> + <InlineLink + to="https://bsky.social" warnOnMismatchingTextChild style={[a.text_lg]}> https://bsky.social |