https://github.com/onify/blueprint-helix-contact-us-form

Onify Blueprint: Helix - Contact us form
https://github.com/onify/blueprint-helix-contact-us-form

form helix onify onify-blueprint onify-blueprints onify-helix vuejs vuetify

Last synced: 8 days ago
JSON representation

Onify Blueprint: Helix - Contact us form

• Host: GitHub
• URL: https://github.com/onify/blueprint-helix-contact-us-form
• Owner: onify
• License: mit
• Created: 2024-09-17T20:35:11.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-09-18T06:47:59.000Z (about 2 months ago)
• Last Synced: 2024-10-10T11:43:59.195Z (29 days ago)
• Topics: form, helix, onify, onify-blueprint, onify-blueprints, onify-helix, vuejs, vuetify
• Language: Vue
• Homepage: https://onify.co
• Size: 387 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![Onify Blueprints](https://files.readme.io/8ba3f14-onify-blueprints-logo.png)

[![Project Status: WIP – Initial development is in progress, but there has not yet been a stable, usable release suitable for the public.](https://www.repostatus.org/badges/latest/wip.svg)](https://www.repostatus.org/#wip)

# Onify Blueprint: Helix - Contact us form

This Blueprint for Onify Helix showcases how to create a simple "Contact Us" form using Vuetify and Onify Helix components. The form includes fields for first name, last name, email, industry, and service interest, as well as a radio button option for requesting a video demo. It validates user inputs to ensure all required fields are correctly filled before submission. Upon successful submission, it displays a confirmation alert thanking the user and confirming receipt of their inquiry. The form manages the submission state and automatically resets after processing.

![Onify Blueprint: Onify Helix - Contact us form](blueprint.png "Blueprint")

## Requirements

* Onify Helix (v0.30.0 or higher)

  

## Setup

1. Copy `contact-us.vue` to `/src/custom/pages` in your Onify Helix app.

2. Add to `contact-us` section to `/config/pages.yml` (see example below)

**/config/pages.yml**

```yml

- name: contact-us

  path: /contact-us

  import: ../src/custom/pages/contact-us.vue

```

## Support

* Community/forum: https://support.onify.co/discuss

* Documentation: https://support.onify.co/docs

* Support and SLA: https://support.onify.co/docs/get-support

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.