feat(TechText): component for technical text

This commit is contained in:
Ilia Mashkov
2026-02-24 18:00:01 +03:00
parent 12d57c59c1
commit 83f2bdcdda
2 changed files with 136 additions and 0 deletions

View File

@@ -0,0 +1,39 @@
<!--
Component: TechnicalText
Monospace <code> element for technical values, measurements, identifiers.
-->
<script lang="ts">
import { cn } from '$shared/shadcn/utils/shadcn-utils';
import {
type LabelSize,
type LabelVariant,
labelSizeConfig,
labelVariantConfig,
} from '$shared/ui/Label/config';
import type { Snippet } from 'svelte';
interface Props {
variant?: LabelVariant;
size?: LabelSize;
children?: Snippet;
class?: string;
}
let {
variant = 'muted',
size = 'sm',
children,
class: className,
}: Props = $props();
</script>
<code
class={cn(
"font-['Space_Mono'] tracking-tight tabular-nums",
labelSizeConfig[size],
labelVariantConfig[variant],
className,
)}
>
{#if children}{@render children()}{/if}
</code>