diff --git a/.changeset/perfect-countries-clean.md b/.changeset/perfect-countries-clean.md new file mode 100644 index 0000000..7f6f07e --- /dev/null +++ b/.changeset/perfect-countries-clean.md @@ -0,0 +1,5 @@ +--- +"@openfun/cunningham-react": minor +--- + +add forms examples to documentation diff --git a/packages/react/src/components/Forms/Examples/index.stories.tsx b/packages/react/src/components/Forms/Examples/index.stories.tsx index a12d806..3fe5dbb 100644 --- a/packages/react/src/components/Forms/Examples/index.stories.tsx +++ b/packages/react/src/components/Forms/Examples/index.stories.tsx @@ -1,9 +1,154 @@ import { Meta } from "@storybook/react"; +import React from "react"; +import { Input } from ":/components/Forms/Input"; +import { Checkbox } from ":/components/Forms/Checkbox"; +import { Button } from ":/components/Button"; +import { Select } from ":/components/Forms/Select"; +import { CunninghamProvider } from ":/components/Provider"; +import { Switch } from ":/components/Forms/Switch"; +import { Radio } from ":/components/Forms/Radio"; export default { title: "Components/Forms/Examples", } as Meta; export const Login = () => { - return
DOUDOU
; + return ( +
+

+ Please log-in! +

+ + +
+ +
+ +
+ ); +}; + +export const Application = () => { + return ( + +
+

+ Application +

+ + + + + + +
+ + +
+ + + + +
+ ); +}; + +export const Sports = () => { + return ( + +
+

+ Register +

+
+ + +
+ +
+ + + +
+