Documentation Index
Fetch the complete documentation index at: https://docs.brikl.co/llms.txt
Use this file to discover all available pages before exploring further.
Overview
Popup 12 is a sign-up modal component designed for web applications. It presents a branded registration form featuring a logo icon, a title (‘Sign up Brikl’), a subtitle, and input fields for user details such as full name, email, and password, along with a styled sign-up button. It is intended to collect new user registration information and trigger authentication workflows.How to use
States
This component includes conditional states that automatically change its appearance.| State | Trigger | Visual effect |
|---|---|---|
| Button Hovered | User hovers over the Sign Up button | Button opacity reduces to 90% |
| Button Disabled | Sign Up button is not clickable | Button opacity reduces to 50% |
| Input Focused | User focuses on the Full Name input field | A soft box shadow appears around the input border |
| Input Invalid | Input field fails validation | Border color changes to red and a red glow box shadow appears |
| Input Disabled | Input field is not clickable | Input opacity reduces to 50% |
These states are handled natively by Bubble and require no additional setup.
They will work automatically once the component is pasted into your editor.
Responsive
This component adapts to mobile screens. Font sizes and layout automatically adjust on screens smaller than Bubble’s built-in mobile breakpoint.Workflows
This component includes pre-built workflows.| Trigger | Action |
|---|---|
| Sign Up button (bTUYc) clicked | Triggers a Sign Up action using the email and password values from their respective input elements |
| Close/Hide button (bTUYj) clicked | Hides the popup element (bTUYD) |
| Open/Show button (bTUYv) clicked | Shows the popup element (bTUYD) |
These workflows are included when you use the Copy with Workflows option in the Brikl panel.
Requirements
| License | Starter plan required |
| Plugins | None |
| Custom code | Not required |
Platforms
| Platform | Supported |
|---|---|
| Web | ✅ |
| Mobile | ❌ |
License
This component requires a Starter plan.