@lax-wp/design-system 0.7.1 → 0.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,18 +1,41 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Represents a single tag item in the ResponsiveTags component.
|
|
3
|
+
*/
|
|
1
4
|
export interface ResponsiveTag {
|
|
5
|
+
/** Unique identifier for the tag */
|
|
2
6
|
id?: string;
|
|
7
|
+
/** Display text for the tag */
|
|
3
8
|
label: string;
|
|
9
|
+
/** Color variant for the tag */
|
|
4
10
|
color?: string;
|
|
5
11
|
}
|
|
12
|
+
/**
|
|
13
|
+
* Size variants for responsive tags
|
|
14
|
+
*/
|
|
6
15
|
export type ResponsiveTagSize = 'xs' | 'sm' | 'lg' | 'md';
|
|
16
|
+
/**
|
|
17
|
+
* Type for the popover title, can be a string or null to hide the title
|
|
18
|
+
*/
|
|
7
19
|
export type TitleProp = string | null;
|
|
20
|
+
/**
|
|
21
|
+
* Props for the ResponsiveTags component.
|
|
22
|
+
*/
|
|
8
23
|
export interface ResponsiveTagsProps {
|
|
24
|
+
/** Array of tags to display */
|
|
9
25
|
tags: ResponsiveTag[];
|
|
26
|
+
/** Size variant for all tags. @default 'sm' */
|
|
10
27
|
size?: ResponsiveTagSize;
|
|
28
|
+
/** Additional CSS classes for the container */
|
|
11
29
|
className?: string;
|
|
30
|
+
/** Maximum number of visible tags before showing "+X more" */
|
|
12
31
|
maxVisible?: number;
|
|
32
|
+
/** Icon to display in each tag */
|
|
13
33
|
icon?: React.ReactNode;
|
|
34
|
+
/** Title to display in the popover header. Set to null to hide. @default null */
|
|
14
35
|
title?: TitleProp;
|
|
36
|
+
/** Maximum number of characters before truncating tag labels */
|
|
15
37
|
truncate?: number;
|
|
38
|
+
/** Prevents tags from wrapping to a new line. @default false */
|
|
16
39
|
noWrap?: boolean;
|
|
17
40
|
}
|
|
18
41
|
declare const ResponsiveTags: ({ tags, size, className, maxVisible, icon, title, truncate, noWrap, }: ResponsiveTagsProps) => import("react/jsx-runtime").JSX.Element | "-";
|