/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function MDXContent(props = {}) { const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), props.components); return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, { children: _jsx(_createMdxContent, {}) })) : _createMdxContent(); function _createMdxContent() { const _components = Object.assign({ p: "p", code: "code", a: "a", pre: "pre" }, _provideComponents(), props.components); return _jsxs(_Fragment, { children: [_jsx(_components.p, { children: "UiProvider is used to supply the UI library specific widgets, formatters, form components etc that are used\nthroughout the system." }), "\n", _jsxs(_components.p, { children: ["To use with ", _jsx(_components.code, { children: "@prestojs/ui-antd" }), " see ", _jsx(_components.a, { href: "/docs/ui-antd/AntdUiProvider", children: "AntdUiProvider" }), "."] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-jsx", children: "import React from 'react';\nimport { UiProvider, getFormatterForField as defaultGetFormatterForField } from '@prestojs/ui';\nimport { Input } from 'antd';\n\nconst DefaultWidget = ({ input }) => ;\nconst DefaultFormatter = ({ value }) => value;\n\nfunction getWidgetForField(field) {\n // Add any app specific customisations here, eg\n // if (field instanceof BooleanField) {\n // return [CustomBooleanWidget, field.getWidgetProps()];\n // }\n // Otherwise return default widget. If you would prefer an error if no explicit widget defined for\n // a field then don't return anything.\n return [DefaultWidget, field.getWidgetProps()];\n}\n\nfunction getFormatterForField(field) {\n // Add any app specific customisations here, eg\n // if (field instanceof BooleanField) {\n // return CustomBooleanFormatter;\n // }\n const formatter = defaultGetFormatterForField(field)\n if (!formatter) {\n return DefaultFormatter;\n }\n return formatter;\n}\n\nfunction FormItemWrapper({ children, label, help, required }) {\n return (\n

\n \n {label} {children}\n \n {required ? '(required)' : '(optional)'}\n {help && {help}}\n

\n );\n}\n\nexport default function Root() {\n return (\n \n \n \n );\n}\n" }) })] }); } } return { default: MDXContent };

	Prop	Type
*	props An object with the properties below
*	props.children	any
	props.formComponent	React.ComponentType
	props.formItemComponent	React.ComponentType
	props.getFormatterForField	GetFormatterForFieldWithNull
	props.getWidgetForField	GetWidgetForFieldWithNull

On this page

Component Props: