@tsed/tailwind-formio 2.0.2 → 2.0.3

package/lib/templates/stories/pagination.stories.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default {
+    title: "Formiojs/Pagination",
+    argTypes: {},
+    parameters: {
+        docs: {
+            source: {
+                type: "code"
+            }
+        }
+    }
+};
+export const Sandbox = (args) => {
+    return (_jsx("div", { children: _jsx("nav", Object.assign({ "aria-label": '...' }, { children: _jsxs("ul", Object.assign({ className: 'pagination' }, { children: [_jsx("li", Object.assign({ className: 'page-item disabled' }, { children: _jsx("a", Object.assign({ className: 'page-link', href: '#', tabIndex: '-1', "aria-disabled": 'true' }, { children: "Previous" }), void 0) }), void 0),
+                    _jsx("li", Object.assign({ className: 'page-item' }, { children: _jsx("a", Object.assign({ className: 'page-link', href: '#' }, { children: "1" }), void 0) }), void 0),
+                    _jsx("li", Object.assign({ className: 'page-item active', "aria-current": 'page' }, { children: _jsx("a", Object.assign({ className: 'page-link', href: '#' }, { children: "2" }), void 0) }), void 0),
+                    _jsx("li", Object.assign({ className: 'page-item' }, { children: _jsx("a", Object.assign({ className: 'page-link', href: '#' }, { children: "3" }), void 0) }), void 0),
+                    _jsx("li", Object.assign({ className: 'page-item' }, { children: _jsx("a", Object.assign({ className: 'page-link', href: '#' }, { children: "Next" }), void 0) }), void 0)] }), void 0) }), void 0) }, void 0));
+};
+Sandbox.args = {};

package/lib/templates/stories/progress.stories.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default {
+    title: "Formiojs/Progress",
+    argTypes: {
+        width: {}
+    },
+    parameters: {
+        docs: {
+            source: {
+                type: "code"
+            }
+        }
+    }
+};
+export const Sandbox = (args) => {
+    return (_jsx("div", { children: _jsx("div", Object.assign({ className: 'progress' }, { children: _jsx("div", { className: 'progress-bar', style: { width: args.width }, role: 'progressbar', "aria-valuenow": '75', "aria-valuemin": '0', "aria-valuemax": '100' }, void 0) }), void 0) }, void 0));
+};
+Sandbox.args = {
+    width: "75%"
+};