diff --git a/packages/react-ui/components/form/VulcanComponents/Context.ts b/packages/react-ui/components/form/VulcanComponents/Context.ts index 7d5eb833..c5e8be04 100644 --- a/packages/react-ui/components/form/VulcanComponents/Context.ts +++ b/packages/react-ui/components/form/VulcanComponents/Context.ts @@ -1,9 +1,9 @@ import React from "react"; import type { PossibleVulcanComponents } from "./typings"; +import { Dummy } from "./Dummy"; // We need this to shut TypeScript up // You should use the Provider to get the right default values -const Dummy = () => "Dummy component"; export const VulcanComponentsContext = React.createContext({ Alert: Dummy, diff --git a/packages/react-ui/components/form/VulcanComponents/Dummy.tsx b/packages/react-ui/components/form/VulcanComponents/Dummy.tsx new file mode 100644 index 00000000..0758cc96 --- /dev/null +++ b/packages/react-ui/components/form/VulcanComponents/Dummy.tsx @@ -0,0 +1,10 @@ +import React from "react"; +export interface DummyProps {} + +export const Dummy = () => ( + + You have not setup VulcanComponentsProvider. Please add following code in + your app:{" "} + {`import { VulcanComponentsProvider } from "@vulcanjs/react-ui"; const YourApp = {/* your app */};}`} + +); diff --git a/packages/react-ui/components/form/VulcanComponents/tests/Dummy.stories.tsx b/packages/react-ui/components/form/VulcanComponents/tests/Dummy.stories.tsx new file mode 100644 index 00000000..d38dc6db --- /dev/null +++ b/packages/react-ui/components/form/VulcanComponents/tests/Dummy.stories.tsx @@ -0,0 +1,13 @@ +import React from "react"; +import { Story, Meta } from "@storybook/react"; +import { Dummy, DummyProps } from "../Dummy"; +export default { + component: Dummy, + title: "VulcanComponents/Dummy", + // decorators: [(Story) => ], + args: {}, + parameters: { actions: { argTypesRegex: "^.*Callback$" } }, +} as Meta; + +const DummyTemplate: Story = (args) => ; +export const DefaultDummy = DummyTemplate.bind({});