diff --git a/src/docs/forms.mdx b/src/docs/forms.mdx
index 547d33701..2fe5dc191 100644
--- a/src/docs/forms.mdx
+++ b/src/docs/forms.mdx
@@ -10,9 +10,7 @@ Let's build some forms! We will use the following compoenents `InputLabel`, `Typ
### Examples
import { Playground, PropsTable } from 'docz'
-import { InputLabel, ValidationMessage, TextField, InputDescription, Flex, Button, FormField, Typography } from '../core/client/ui/components'
-
-# InputLabel
+import { InputLabel, CallOut, ValidationMessage, TextField, InputDescription, Flex, Button, FormField, Typography } from '../core/client/ui/components'
## Simple Form
@@ -57,13 +55,46 @@ import { InputLabel, ValidationMessage, TextField, InputDescription, Flex, Butto
- Username
+ UsernameA unique identifier displayed on your comments. You may use “_” and “.”Invalid characters. Try again.
+
+ Password
+ Must be at least 8 characters
+
+
+
+
+ Confirm Password
+
+
+
+
+
+
+
+## Simple Form with CallOut
+
+
+
+ Sign up to join the conversation
+ The email address or password you entered is incorrect. Try again
+
+ Email Address
+
+
+
+
+ Username
+ A unique identifier displayed on your comments. You may use “_” and “.”
+
+
+
+
PasswordMust be at least 8 characters