{"id":21518684,"url":"https://github.com/halo-lab/solid-form-getform-io","last_synced_at":"2025-03-17T16:44:42.374Z","repository":{"id":147020577,"uuid":"613296064","full_name":"Halo-Lab/solid-form-getform-io","owner":"Halo-Lab","description":null,"archived":false,"fork":false,"pushed_at":"2023-03-31T11:26:09.000Z","size":477,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-11T03:03:28.809Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"isc","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Halo-Lab.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-03-13T09:46:37.000Z","updated_at":"2023-03-24T16:38:23.000Z","dependencies_parsed_at":null,"dependency_job_id":"90438eab-e083-4d5f-83d9-d81dd228f7b2","html_url":"https://github.com/Halo-Lab/solid-form-getform-io","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Halo-Lab%2Fsolid-form-getform-io","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Halo-Lab%2Fsolid-form-getform-io/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Halo-Lab%2Fsolid-form-getform-io/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Halo-Lab%2Fsolid-form-getform-io/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Halo-Lab","download_url":"https://codeload.github.com/Halo-Lab/solid-form-getform-io/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244072741,"owners_count":20393676,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-24T00:53:33.043Z","updated_at":"2025-03-17T16:44:42.355Z","avatar_url":"https://github.com/Halo-Lab.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# @halo-lab/solid-form-getform-io\nThis is a form component built with Solid.js that allows you to easily create a form that submits data to a GetForm endpoint. The form has three fields: name (input type=\"text\"), email (input type=\"email\"), and message (textarea). You can choose which fields to display by passing props to the component.\n\n## Installation\nYou can install the package using npm:\n\n`npm install @halo-lab/solid-form-getform-io`\n\n## Usage\nTo use the form component, you need to import it into your Solid.js application:\n\n`import Form from '@halo-lab/solid-form-getform-io';`\n\nYou can then use the component in your application:\n\n```js\n\u003cForm getFormID=\"your-getform-id\" /\u003e\n```\n\nYou need to provide your GetFormID as the getFormID prop.\n\nBy default, all three fields (name, email, and message) will be displayed in the form. If you want to display only specific fields, you can use the showName, showEmail, and showMessage props:\n\n\u003cForm getFormID=\"your-getform-id\" showName={true} showEmail={false} showMessage={true} /\u003e\n\n\n## Props\nThe following props are available for the form component:\n- getFormID (required): Your GetFormID.\n- showName (optional, default true): Whether to show the name field.\n- showEmail (optional, default true): Whether to show the email field.\n- showMessage (optional, default true): Whether to show the message field.\n- onFormSubmit(optional, default null): Function that is executed when the form is submitted \n\n## Example\nHere's an example of how to use the form component:\n\n```js\nimport Form from '@halo-lab/solid-form-getform-io';\n\nconst App = () =\u003e {\n  \n  function onFormSubmit() {\n    console.log(\"Form submitted!\");\n  }\n\n  return (\n    \u003cForm\n      getFormID=\"https://getform.io/f/your-getform-id\"\n      showName={true}\n      showEmail={true}\n      showMessage={false}\n      onFormSubmit={onFormSubmit}\n    /\u003e\n  );\n}\n```\n\n## Word from the author\n\nHave fun ✌️\n\n\u003ca href=\"https://www.halo-lab.com/?utm_source=github\"\u003e\n  \u003cimg\n    src=\"https://dgestran.sirv.com/Images/supported-by-halolab.png\"\n    alt=\"Supported by Halo lab\"\n    height=\"60\"\n  \u003e\n\u003c/a\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhalo-lab%2Fsolid-form-getform-io","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhalo-lab%2Fsolid-form-getform-io","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhalo-lab%2Fsolid-form-getform-io/lists"}