@dndbuilder.com/react
Version:
Drag and drop builder for React
65 lines (64 loc) • 1.98 kB
JavaScript
"use client";
import { jsxs as r, jsx as t } from "react/jsx-runtime";
import { InputControl as o } from "../../../components/controls/input.control.js";
import { SliderInputControl as i } from "../../../components/controls/slider-input.control.js";
import { SwitchControl as a } from "../../../components/controls/switch.control.js";
import { Accordion as e } from "../../../components/shared/accordion.js";
import { SettingsType as l } from "../../../types/index.js";
const g = () => /* @__PURE__ */ r(e, { defaultValue: "Title", type: "single", collapsible: !0, children: [
/* @__PURE__ */ r(e.Item, { value: "Title", children: [
/* @__PURE__ */ t(e.Trigger, { className: "p-4", children: "Title" }),
/* @__PURE__ */ r(e.Content, { className: "px-4", children: [
/* @__PURE__ */ t(
o,
{
fieldName: "title.content",
label: "Title",
type: l.BLOCK,
className: "mb-4",
isLocalized: !0
}
),
/* @__PURE__ */ t(
a,
{
fieldName: "title.show",
label: "Show Title",
type: l.BLOCK,
className: "mb-4",
responsive: !0
}
)
] })
] }),
/* @__PURE__ */ r(e.Item, { value: "Progress Bar", children: [
/* @__PURE__ */ t(e.Trigger, { className: "p-4", children: "Progress Bar" }),
/* @__PURE__ */ r(e.Content, { className: "px-4", children: [
/* @__PURE__ */ t(
i,
{
fieldName: "percentage.value",
label: "Percentage",
type: l.BLOCK,
className: "mb-4",
max: 100,
min: 0
}
),
/* @__PURE__ */ t(
a,
{
fieldName: "percentage.show",
label: "Show Percentage",
type: l.BLOCK,
className: "mb-4",
responsive: !0
}
)
] })
] })
] });
export {
g as default
};
//# sourceMappingURL=progress-bar-content.control.js.map