@team-monolith/cds 1.54.1 → 1.54.2
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.
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
export declare const toggleButtonGroupClasses: {
|
|
3
3
|
readonly container: "ToggleButtonGroup-container";
|
|
4
4
|
readonly toggleButton: {
|
|
5
|
-
readonly active: "ToggleButtonGroup-
|
|
6
|
-
readonly inactive: "ToggleButtonGroup-
|
|
5
|
+
readonly active: "ToggleButtonGroup-ToggleButton-active";
|
|
6
|
+
readonly inactive: "ToggleButtonGroup-ToggleButton-inactive";
|
|
7
7
|
};
|
|
8
8
|
};
|
|
9
9
|
export interface ToggleButtonDatum {
|
|
10
|
-
/**
|
|
10
|
+
/** ToggleButton의 레이블. 호버시 툴팁 또는 활성화시 나타납니다. */
|
|
11
11
|
label: React.ReactNode;
|
|
12
12
|
/** on 일때의 아이콘. 내부에서 사이즈가 24x24로 조정됩니다. */
|
|
13
13
|
onIcon: React.ReactNode;
|
|
@@ -20,9 +20,9 @@ export interface ToggleButtonDatum {
|
|
|
20
20
|
*/
|
|
21
21
|
export declare function ToggleButtonGroup(props: {
|
|
22
22
|
className?: string;
|
|
23
|
-
/**
|
|
23
|
+
/** ToggleButton의 데이터 배열 */
|
|
24
24
|
data: ToggleButtonDatum[];
|
|
25
|
-
/** 활성화될
|
|
25
|
+
/** 활성화될 ToggleButton의 index */
|
|
26
26
|
activeIndex: number | null;
|
|
27
27
|
/** activeIndex set 함수 */
|
|
28
28
|
setActiveIndex: (index: number | null) => void;
|
|
@@ -4,8 +4,8 @@ import { ToggleButton } from "./ToggleButton";
|
|
|
4
4
|
export const toggleButtonGroupClasses = {
|
|
5
5
|
container: "ToggleButtonGroup-container",
|
|
6
6
|
toggleButton: {
|
|
7
|
-
active: "ToggleButtonGroup-
|
|
8
|
-
inactive: "ToggleButtonGroup-
|
|
7
|
+
active: "ToggleButtonGroup-ToggleButton-active",
|
|
8
|
+
inactive: "ToggleButtonGroup-ToggleButton-inactive",
|
|
9
9
|
},
|
|
10
10
|
};
|
|
11
11
|
/** n개의 toggleButton이 모여있는 형태를 나타내는 컴포넌트입니다.
|