Files
noodl-docs/library/prefabs/supabase/components/supabase-sign-up/README.md
Eric Tuvesson 53f0d6320e Initial commit
Co-Authored-By: kotte <14197736+mrtamagotchi@users.noreply.github.com>
Co-Authored-By: mikaeltellhed <2311083+mikaeltellhed@users.noreply.github.com>
Co-Authored-By: Tore Knudsen <18231882+torekndsn@users.noreply.github.com>
Co-Authored-By: Michael Cartner <32543275+michaelcartner@users.noreply.github.com>
2023-09-05 12:08:55 +02:00

41 lines
2.2 KiB
Markdown

---
title: Sign Up
hide_title: true
---
# Sign Up
This component is used to sign up a user into Supabase. Once email address and password are set, the sign up is triggered after a signal is sent to the `Do` input.
<div className="ndl-image-with-background xl">
![](/library/prefabs/supabase/sign-up.png)
</div>
> Please note that [Supabase Client](/library/prefabs/supabase/components/setup-client/) needs to be set up in your app before you can properly use this component.
## Inputs
| Data | Description |
| ------------------------------------------ | ------------------------------------------- |
| <span className="ndl-data">Email</span> | Sets the email used to sign up the user. |
| <span className="ndl-data">Password</span> | Sets the password used to sign up the user. |
| Signals | Description |
| -------------------------------------- | ------------------------- |
| <span className="ndl-signal">Do</span> | Triggers the signup call. |
## Outputs
| Data | Description |
| ---------------------------------------------- | ------------------------------------------------------------------ |
| <span className="ndl-data">Data</span> | The data that is sent back by the supabase client. |
| <span className="ndl-data">Error</span> | The error sent back after a failed signup call to supabase. |
| <span className="ndl-data">Is Connected</span> | `true`/`false` depending on if the user is connected after signup. |
| Signals | Description |
| ------------------------------------------- | -------------------------------------------------------------------------------- |
| <span className="ndl-signal">Success</span> | Sends a signal when the request succeeded. |
| <span className="ndl-signal">Failure</span> | Sends a signal when an error occurred, and logs an error message in the console. |