feat(Badge): add nowrap prop to purge custom classes
This commit is contained in:
@@ -94,14 +94,14 @@ const stats = $derived([
|
|||||||
</span>
|
</span>
|
||||||
|
|
||||||
{#if fontType}
|
{#if fontType}
|
||||||
<Badge size="xs" variant="default" class="text-nowrap font-mono">
|
<Badge size="xs" variant="default" nowrap>
|
||||||
{fontType}
|
{fontType}
|
||||||
</Badge>
|
</Badge>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
||||||
<!-- Provider badge -->
|
<!-- Provider badge -->
|
||||||
{#if providerBadge}
|
{#if providerBadge}
|
||||||
<Badge size="xs" variant="default" class="text-nowrap font-mono" data-provider={font.provider}>
|
<Badge size="xs" variant="default" nowrap data-provider={font.provider}>
|
||||||
{providerBadge}
|
{providerBadge}
|
||||||
</Badge>
|
</Badge>
|
||||||
{/if}
|
{/if}
|
||||||
|
|||||||
@@ -37,6 +37,11 @@ interface Props extends HTMLAttributes<HTMLSpanElement> {
|
|||||||
* @default false
|
* @default false
|
||||||
*/
|
*/
|
||||||
dot?: boolean;
|
dot?: boolean;
|
||||||
|
/**
|
||||||
|
* Prevent text wrapping
|
||||||
|
* @default false
|
||||||
|
*/
|
||||||
|
nowrap?: boolean;
|
||||||
/**
|
/**
|
||||||
* Content snippet
|
* Content snippet
|
||||||
*/
|
*/
|
||||||
@@ -51,6 +56,7 @@ let {
|
|||||||
variant = 'default',
|
variant = 'default',
|
||||||
size = 'xs',
|
size = 'xs',
|
||||||
dot = false,
|
dot = false,
|
||||||
|
nowrap = false,
|
||||||
children,
|
children,
|
||||||
class: className,
|
class: className,
|
||||||
...rest
|
...rest
|
||||||
@@ -63,6 +69,7 @@ let {
|
|||||||
'font-mono uppercase tracking-wide',
|
'font-mono uppercase tracking-wide',
|
||||||
labelSizeConfig[size],
|
labelSizeConfig[size],
|
||||||
badgeVariantConfig[variant],
|
badgeVariantConfig[variant],
|
||||||
|
nowrap && 'text-nowrap',
|
||||||
className,
|
className,
|
||||||
)}
|
)}
|
||||||
{...rest}
|
{...rest}
|
||||||
|
|||||||
Reference in New Issue
Block a user