diff options
| author | Oliver <oliver@mohlin.dev> | 2025-09-22 15:25:24 +0200 |
|---|---|---|
| committer | Tobias Järvelöv <tobias.jarvelov@mullvad.net> | 2025-09-30 11:22:22 +0200 |
| commit | ee600176c3968f17c3280e8802934e3bce8f43d3 (patch) | |
| tree | 0b954e826929d4fc6e88edc054b8ade3450379b1 | |
| parent | 771b2e6e685779d718bd54360854572e90341579 (diff) | |
| download | mullvadvpn-ee600176c3968f17c3280e8802934e3bce8f43d3.tar.xz mullvadvpn-ee600176c3968f17c3280e8802934e3bce8f43d3.zip | |
Add LabelTiny component
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/components/typography/LabelTiny.tsx | 7 | ||||
| -rw-r--r-- | desktop/packages/mullvad-vpn/src/renderer/lib/components/typography/index.ts | 1 |
2 files changed, 8 insertions, 0 deletions
diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/typography/LabelTiny.tsx b/desktop/packages/mullvad-vpn/src/renderer/lib/components/typography/LabelTiny.tsx new file mode 100644 index 0000000000..c8dc9865cc --- /dev/null +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/typography/LabelTiny.tsx @@ -0,0 +1,7 @@ +import { Text, TextProps } from './Text'; + +export type LabelTinyProps<E extends React.ElementType = 'span'> = TextProps<E>; + +export const LabelTiny = <T extends React.ElementType = 'span'>(props: LabelTinyProps<T>) => ( + <Text variant="labelTiny" {...props} /> +); diff --git a/desktop/packages/mullvad-vpn/src/renderer/lib/components/typography/index.ts b/desktop/packages/mullvad-vpn/src/renderer/lib/components/typography/index.ts index 2dea292f8f..b23e59d491 100644 --- a/desktop/packages/mullvad-vpn/src/renderer/lib/components/typography/index.ts +++ b/desktop/packages/mullvad-vpn/src/renderer/lib/components/typography/index.ts @@ -1,6 +1,7 @@ export * from './BodySmall'; export * from './BodySmallSemiBold'; export * from './FootnoteMini'; +export * from './LabelTiny'; export * from './LabelTinySemiBold'; export * from './Text'; export * from './TitleBig'; |