{"id":4139,"url":"https://github.com/ronak301/react-native-submit-button","last_synced_at":"2025-08-04T00:32:18.040Z","repository":{"id":57340470,"uuid":"78355664","full_name":"ronak301/react-native-submit-button","owner":"ronak301","description":"Animated Submit button. Works on both android and ios.","archived":false,"fork":false,"pushed_at":"2017-11-21T17:59:24.000Z","size":865,"stargazers_count":122,"open_issues_count":1,"forks_count":17,"subscribers_count":9,"default_branch":"master","last_synced_at":"2024-04-26T02:34:01.483Z","etag":null,"topics":["android","animated","button","ios","react-native","submit-button"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/ronak301.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-01-08T16:31:26.000Z","updated_at":"2024-04-10T15:00:37.000Z","dependencies_parsed_at":"2022-09-07T12:01:54.367Z","dependency_job_id":null,"html_url":"https://github.com/ronak301/react-native-submit-button","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ronak301%2Freact-native-submit-button","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ronak301%2Freact-native-submit-button/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ronak301%2Freact-native-submit-button/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ronak301%2Freact-native-submit-button/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ronak301","download_url":"https://codeload.github.com/ronak301/react-native-submit-button/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228576898,"owners_count":17939645,"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":["android","animated","button","ios","react-native","submit-button"],"created_at":"2024-01-05T20:17:02.313Z","updated_at":"2024-12-07T07:31:26.525Z","avatar_url":"https://github.com/ronak301.png","language":"JavaScript","readme":"# react-native-submit-button\n\nAn Animated Submit Button. Works on both android and IOS. \n- folds when in progress\n- expands back when its ready\n\n\n![Alt text](/example/images/out.gif?raw=true \"Animated Submit Button\")\n\n## Inspiration\nhttps://dribbble.com/shots/1426764-Submit-Button\n\n\n## Running Example\n\n - git clone `https://github.com/ronak301/react-native-submit-button.git` \n - cd example\n - npm install\n - react-native link\n - react-native run-ios\n\n## Installation\n\n - npm install --save react-native-submit-button\n - if RN \u003e 0.29 `react-native link` else `rnpm link` \n\n## Usage\n\n```\nimport SubmitButton from 'react-native-submit-button';\n\nclass SubmitButtonExample extends Component {\n  render() {\n    return (\n      \u003cView style={{flex:1}}\u003e\n        \u003cSubmitButton /\u003e\n      \u003c/View\u003e\n    ); \n  } \n}\n```\n\n\n## Props\n\n| Property | Type | Default | Description |\n|---------------|----------|--------------|----------------------------------------------------------------|\n| primaryColor | `string` | `rgb(30, 205, 151)` | optional user-defined primary color |\n| secondaryColor | `string` | `white` | optional user-defined secondary color |\n| buttonState | `string` | `normal` | button state can be one of `normal`, `success`, `error` |\n| width | `number` | 180 | optional user-defined width for button |\n| height | `number` | 54 | optional user-defined height for button |\n| buttonText | `string` | 'Submit' | optional user-defined text on button |\n| buttonTextWhenReady | `string` | | optional user-defined text on button when success (either provide this or give iconName to be shown once submitted successfully ) , this will get priority over icon name |\n| iconName | `string` | 'check' | optional any icon name from fontello icons , to be shown once we got success. |\n| textStyle | `object` | | optional text styles to override existing styles |\n| buttonStyle | `object` | | optional button styles to override existing styles |\n| animationDuration | `number` | 200 | number in `ms`. Time to fold button. |\n| errorColor | `string` |  `#ff6666` | error color |\n| onSubmit | `function` | | function to call on button press |\n| onSuccess | `function` | | function to call on success |\n| onError | `function` | | function to call on error |\n\n\n# License\n\n - [MIT](https://github.com/ronak301/react-native-submit-button/blob/master/LICENSE.txt).  © Ronak Kothari\n","funding_links":[],"categories":["Components","Others"],"sub_categories":["UI"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fronak301%2Freact-native-submit-button","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fronak301%2Freact-native-submit-button","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fronak301%2Freact-native-submit-button/lists"}