mirror of
https://github.com/kennethnym/aris.git
synced 2026-04-13 21:31:18 +01:00
Kenneth
c95c730533
oxfmt was reformatting generated drizzle migration snapshots and crashing on .ona/review/comments.json. Also runs the formatter across the full codebase. Co-authored-by: Ona <no-reply@ona.com>
35 lines
1.2 KiB
TypeScript
35 lines
1.2 KiB
TypeScript
import { View } from "react-native"
|
|
import tw from "twrnc"
|
|
|
|
import { type Showcase, Section } from "../showcase"
|
|
import { SansSerifText } from "./sans-serif-text"
|
|
|
|
function SansSerifTextShowcase() {
|
|
return (
|
|
<View style={tw`gap-6`}>
|
|
<Section title="Sizes">
|
|
<View style={tw`gap-2`}>
|
|
<SansSerifText style={tw`text-sm`}>Small sans-serif text</SansSerifText>
|
|
<SansSerifText style={tw`text-base`}>Base sans-serif text</SansSerifText>
|
|
<SansSerifText style={tw`text-xl`}>Extra large sans-serif text</SansSerifText>
|
|
<SansSerifText style={tw`text-3xl`}>3XL sans-serif text</SansSerifText>
|
|
</View>
|
|
</Section>
|
|
<Section title="Weights">
|
|
<View style={tw`gap-2`}>
|
|
<SansSerifText style={tw`font-light`}>Light weight</SansSerifText>
|
|
<SansSerifText style={tw`font-normal`}>Normal weight</SansSerifText>
|
|
<SansSerifText style={tw`font-medium`}>Medium weight</SansSerifText>
|
|
<SansSerifText style={tw`font-semibold`}>Semibold weight</SansSerifText>
|
|
<SansSerifText style={tw`font-bold`}>Bold weight</SansSerifText>
|
|
</View>
|
|
</Section>
|
|
</View>
|
|
)
|
|
}
|
|
|
|
export const sansSerifTextShowcase: Showcase = {
|
|
title: "SansSerifText",
|
|
component: SansSerifTextShowcase,
|
|
}
|