{"id":19615655,"url":"https://github.com/zabute/formsy-semantic-ui-react","last_synced_at":"2025-04-06T18:14:52.891Z","repository":{"id":15793282,"uuid":"78776868","full_name":"zabute/formsy-semantic-ui-react","owner":"zabute","description":"Formsy-React wrappers for Semantic-Ui-React's form components","archived":false,"fork":false,"pushed_at":"2024-04-24T08:25:24.000Z","size":3406,"stargazers_count":102,"open_issues_count":1,"forks_count":27,"subscribers_count":11,"default_branch":"master","last_synced_at":"2024-05-02T01:51:04.517Z","etag":null,"topics":["form","form-validation","formsy","formsy-react","react","semantic-ui","semantic-ui-react"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/zabute.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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":"2017-01-12T18:57:26.000Z","updated_at":"2024-06-18T15:44:48.126Z","dependencies_parsed_at":"2024-04-24T08:58:51.831Z","dependency_job_id":null,"html_url":"https://github.com/zabute/formsy-semantic-ui-react","commit_stats":{"total_commits":237,"total_committers":12,"mean_commits":19.75,"dds":"0.44303797468354433","last_synced_commit":"4b239c7dcad26dce6dc7ff50d181bb3f1a3a1ef1"},"previous_names":[],"tags_count":27,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zabute%2Fformsy-semantic-ui-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zabute%2Fformsy-semantic-ui-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zabute%2Fformsy-semantic-ui-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zabute%2Fformsy-semantic-ui-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zabute","download_url":"https://codeload.github.com/zabute/formsy-semantic-ui-react/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247526763,"owners_count":20953143,"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":["form","form-validation","formsy","formsy-react","react","semantic-ui","semantic-ui-react"],"created_at":"2024-11-11T10:57:52.764Z","updated_at":"2025-04-06T18:14:52.873Z","avatar_url":"https://github.com/zabute.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# formsy-semantic-ui-react ![CI](https://github.com/zabute/formsy-semantic-ui-react/workflows/CI/badge.svg) [![npm version](https://badge.fury.io/js/formsy-semantic-ui-react.svg)](https://badge.fury.io/js/formsy-semantic-ui-react)\n\n\nQuicky create  [formsy-react](https://github.com/formsy/formsy-react) forms with [Semantic-Ui-React's](https://github.com/Semantic-Org/Semantic-UI-React) Form Components.\n\n## Installation\n\n```\nnpm install (or yarn add) formsy-semantic-ui-react\n```\n\nYou will also need formsy-react\n\n```\nnpm install (or yarn add) formsy-react\n```\n\n## Usage\n```jsx\n// ES6\nimport {\n  Form, Input, TextArea, Checkbox, Radio, RadioGroup, Dropdown, Select,\n} from 'formsy-semantic-ui-react';\n```\n```jsx\n// ES5\nvar Form = require('formsy-semantic-ui-react').Form;\n/** and so on for the rest of the Components **/\n```\n```jsx\nconst App = (props) =\u003e {\n  const errorLabel = \u003cLabel color=\"red\" pointing/\u003e\n\n  return (\n    \u003cForm\n      onValidSubmit={ props.onValidSubmit }\n      loading={ props.isLoading }\n    \u003e\n      \u003cForm.Input\n        name=\"email\"\n        label=\"Email\"\n        validations=\"isEmail\"\n        validationErrors={{ isEmail: 'Email not valid' }}\n        errorLabel={ errorLabel }\n      /\u003e\n    \u003c/Form\u003e\n  )\n}\n```\n\n## Props\nThis library defines a couple of (non-required) props for more control over behavior/markup:\n\n- ```errorLabel``` (type: ```Node``` default: ```none```)\n\n  Used to Show validation errors next to the inputs. Any ```children``` get replaced by ```getErrorMessage()```\n\n```jsx\n  \u003cCheckbox\n    errorLabel={ \u003cLabel color=\"red\" pointing=\"left\"/\u003e }/\u003e\n  /\u003e\n```\n\n- ```instantValidation``` (type: ```bool``` default: ```false```)\n\n  Whether or not to show validation errors as soon as user starts typing. Only available on ```Input``` and ```Form.Input```\n\n```jsx\n  \u003cInput\n    instantValidation\n  /\u003e\n```\n\n## Examples\nGo to the [example](/example) folder to see more examples of how the components are used.\nTo run the example app:\n```\nnpm/yarn install\nnpm/yarn run example-app\n```\nThen go to ```localhost:8080```\n\nFor more information on building and validating ```formsy-react``` forms, take a look at [Formsy-React's Documentation](https://github.com/formsy/formsy-react/blob/master/API.md)\n\n## Tests\nTests are done using Mocha, chai, sinon, and enzyme on jsdom.\nTo run the tests,\n```\nnpm/yarn install\nnpm/yarn run test (or test:watch)\n```\n\nLicense: [MIT](/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzabute%2Fformsy-semantic-ui-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzabute%2Fformsy-semantic-ui-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzabute%2Fformsy-semantic-ui-react/lists"}