@bouko/react 2.9.7 → 2.9.8
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.
|
@@ -8,6 +8,7 @@ export * from "./layout/flex";
|
|
|
8
8
|
export * from "./tab";
|
|
9
9
|
export * from "./route";
|
|
10
10
|
export { default as Pagination } from "./pagination";
|
|
11
|
+
export { default as Section } from "./section";
|
|
11
12
|
export { default as Button } from "./button/normal";
|
|
12
13
|
export { default as IconButton } from "./button/icon";
|
|
13
14
|
export { default as Badge } from "./text/badge";
|
package/dist/components/index.js
CHANGED
|
@@ -8,6 +8,7 @@ export * from "./layout/flex";
|
|
|
8
8
|
export * from "./tab";
|
|
9
9
|
export * from "./route";
|
|
10
10
|
export { default as Pagination } from "./pagination";
|
|
11
|
+
export { default as Section } from "./section";
|
|
11
12
|
export { default as Button } from "./button/normal";
|
|
12
13
|
export { default as IconButton } from "./button/icon";
|
|
13
14
|
export { default as Badge } from "./text/badge";
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Settings Section Component.
|
|
4
|
+
*
|
|
5
|
+
* Generic layout wrapper used to group related settings or content
|
|
6
|
+
* under a titled section with a visual separator for consistency.
|
|
7
|
+
*
|
|
8
|
+
* @param {string} title - The section title displayed at top.
|
|
9
|
+
* @param {ReactNode} content - Rendered below the separator.
|
|
10
|
+
**/
|
|
11
|
+
declare const Section: ({ title, content }: {
|
|
12
|
+
title: string;
|
|
13
|
+
content: ReactNode;
|
|
14
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export default Section;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { ColumnBox } from "./layout/flex";
|
|
3
|
+
/**
|
|
4
|
+
* Settings Section Component.
|
|
5
|
+
*
|
|
6
|
+
* Generic layout wrapper used to group related settings or content
|
|
7
|
+
* under a titled section with a visual separator for consistency.
|
|
8
|
+
*
|
|
9
|
+
* @param {string} title - The section title displayed at top.
|
|
10
|
+
* @param {ReactNode} content - Rendered below the separator.
|
|
11
|
+
**/
|
|
12
|
+
const Section = ({ title, content }) => (_jsxs(ColumnBox, { style: styles.container, children: [title, _jsx("hr", { className: styles.separator }), content] }));
|
|
13
|
+
const styles = {
|
|
14
|
+
container: "gap-2 items-start text-primary",
|
|
15
|
+
separator: "mb-2 w-full text-border-dark"
|
|
16
|
+
};
|
|
17
|
+
export default Section;
|