Firebase
Firebase Authentication is a service by Google that allows you to authenticate users to your application. You can integrate Firebase directly with Feathery to build forms for login and signup.
What you need
- An active Feathery account and form
- A Firebase account
How to set up
Open Firebase, create a project, and navigate to its settings. Copy your API Key, Project ID, App ID, and Sender ID to your clipboard.
.svg)
Navigate to your Feathery login form that you want to add Firebase support to. Click on the Integrations tab.
.svg)
Find the Firebase integration, and paste in your API Key, Project ID, App ID, and Sender ID.
.svg)
If desired, configure user attributes you want to save into Feathery fields when they sign up (e.g. email or name).
.svg)
Click Save, and you’re now ready to build authentication into your login form. Follow our auth setup guide to connect Firebase to your form.
For Developers
You can access Feathery's instance of the Firebase SDK from the global firebase object. This allows you to perform custom authentication-related Firebase operations beyond what Feathery provides. This object becomes accessible after a form with Firebase enabled is loaded by the user. However, if you preload a form with Firebase when the Feathery library is initialized, you can access firebase after initialization.
.svg)
What’s a Rich Text element?
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
Static and dynamic content editing
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
How to customize formatting for each rich text
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the
"When inside of" nested selector
system.
This is a H6
- This is a list item
- This is another list item here
.svg)
.svg)
