@epam/ai-dial-ui-kit 0.16.0-dev.14 → 0.16.0-dev.15
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.
|
@@ -7,12 +7,15 @@ export interface FolderPathProps {
|
|
|
7
7
|
ariaLabel?: string;
|
|
8
8
|
}
|
|
9
9
|
/**
|
|
10
|
-
* A read-only, non-clickable folder/location path
|
|
10
|
+
* A read-only, non-clickable folder/location path styled like `DialBreadcrumb`.
|
|
11
11
|
* aliases: FolderBreadcrumb|LocationPath
|
|
12
12
|
* Design system 2.0
|
|
13
13
|
*
|
|
14
14
|
* Every segment is disabled (no navigation); the first segment gets a leading
|
|
15
|
-
* folder icon and the last segment is styled as the current/leaf item.
|
|
15
|
+
* folder icon and the last segment is styled as the current/leaf item. A path
|
|
16
|
+
* of more than three segments collapses its middle into a non-interactive `…`
|
|
17
|
+
* that shows the full path (`Shared > Team > Sub > Reports`) in a tooltip on
|
|
18
|
+
* hover; the hidden segments stay in the accessible text.
|
|
16
19
|
*
|
|
17
20
|
* @example
|
|
18
21
|
* ```tsx
|
|
@@ -22,11 +25,11 @@ export interface FolderPathProps {
|
|
|
22
25
|
* @param segments - Path segments to display, outermost first
|
|
23
26
|
* @param [labelClassName='dial-small-text'] - Additional CSS classes applied to non-leaf segments
|
|
24
27
|
* @param [leafClassName='dial-small-semi-text'] - Additional CSS classes applied to the last (leaf) segment
|
|
25
|
-
* @param [className] - Additional CSS classes applied to the
|
|
26
|
-
*
|
|
27
|
-
*
|
|
28
|
-
* @param [ariaLabel='Folder path'] - Accessible name for the
|
|
29
|
-
*
|
|
30
|
-
*
|
|
28
|
+
* @param [className] - Additional CSS classes applied to the `<nav>` element.
|
|
29
|
+
* The nav clips on overflow, so this must not shrink it to content width
|
|
30
|
+
* (e.g. never `w-auto`).
|
|
31
|
+
* @param [ariaLabel='Folder path'] - Accessible name for the `<nav>`. A path
|
|
32
|
+
* has no navigable items, so it is not named "Breadcrumb"; override it when a
|
|
33
|
+
* page shows more than one.
|
|
31
34
|
*/
|
|
32
35
|
export declare const FolderPath: FC<FolderPathProps>;
|