{"id":4186,"url":"https://github.com/testshallpass/react-native-simple-stepper","last_synced_at":"2025-04-09T15:04:58.327Z","repository":{"id":9673159,"uuid":"62962774","full_name":"testshallpass/react-native-simple-stepper","owner":"testshallpass","description":"A parity version of the iOS UIStepper.","archived":false,"fork":false,"pushed_at":"2024-12-07T22:41:47.000Z","size":11382,"stargazers_count":120,"open_issues_count":9,"forks_count":15,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-04-09T15:04:52.261Z","etag":null,"topics":["react-native","simple","stepper","uistepper"],"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/testshallpass.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}},"created_at":"2016-07-09T18:13:53.000Z","updated_at":"2025-03-03T06:08:16.000Z","dependencies_parsed_at":"2024-01-08T01:02:15.240Z","dependency_job_id":"b00b231b-85b3-4b44-9aba-b475ea47bdf3","html_url":"https://github.com/testshallpass/react-native-simple-stepper","commit_stats":{"total_commits":171,"total_committers":7,"mean_commits":"24.428571428571427","dds":"0.26315789473684215","last_synced_commit":"eed22e3901655300754ea9bebd97f1d41b3f75da"},"previous_names":[],"tags_count":21,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/testshallpass%2Freact-native-simple-stepper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/testshallpass%2Freact-native-simple-stepper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/testshallpass%2Freact-native-simple-stepper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/testshallpass%2Freact-native-simple-stepper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/testshallpass","download_url":"https://codeload.github.com/testshallpass/react-native-simple-stepper/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248055284,"owners_count":21040157,"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":["react-native","simple","stepper","uistepper"],"created_at":"2024-01-05T20:17:03.826Z","updated_at":"2025-04-09T15:04:58.308Z","avatar_url":"https://github.com/testshallpass.png","language":"TypeScript","readme":"# react-native-simple-stepper\n\n[![Platform](https://img.shields.io/badge/-react--native-grey.svg?style=for-the-badge\u0026logo=react)](https://reactnative.dev)\n[![npm version](https://img.shields.io/npm/v/react-native-simple-stepper.svg?style=for-the-badge\u0026logo=npm)](https://www.npmjs.com/package/react-native-simple-stepper)\n[![npm version](https://img.shields.io/npm/dm/react-native-simple-stepper.svg?style=for-the-badge\u0026logo=npm)](https://www.npmjs.com/package/react-native-simple-stepper)\n[![License](https://img.shields.io/badge/license-MIT-blue.svg?style=for-the-badge)](https://raw.github.com/testshallpass/react-native-simple-stepper/master/LICENSE)\n[![CI](https://github.com/testshallpass/react-native-simple-stepper/actions/workflows/ci.yml/badge.svg)](https://github.com/testshallpass/react-native-simple-stepper/actions/workflows/ci.yml)\n\nA parity version of the iOS [UIStepper](https://developer.apple.com/reference/uikit/uistepper).\n\n![screenshot](./screenshots/stepper.png)\n\n## Table of contents\n\n- [Installation](#installation)\n- [Usage](#usage)\n- [Text Position](#text-position)\n- [Props](SimpleStepper.tsx)\n- [More Examples](./example/App.tsx)\n\n## Installation\n\n|                                                  |\n| ------------------------------------------------ |\n| `yarn add react-native-simple-stepper`           |\n| `npm install react-native-simple-stepper --save` |\n\n## Usage\n\n```javascript\nimport React from 'react';\nimport SimpleStepper from 'react-native-simple-stepper';\n\nexport default function Example(): React.JSX.Element {\n  return \u003cSimpleStepper valueChanged={value =\u003e console.log(value)} /\u003e;\n}\n```\n\n## Text Position\n\n|                 left                  |            center (default)             |                 right                  |\n| :-----------------------------------: | :-------------------------------------: | :------------------------------------: |\n| ![screenshot](./screenshots/left.png) | ![screenshot](./screenshots/center.png) | ![screenshot](./screenshots/right.png) |\n\n```javascript\nimport React from 'react';\nimport SimpleStepper from 'react-native-simple-stepper';\n\nexport default function TextPositionExample(): React.JSX.Element {\n  return \u003cSimpleStepper showText={true} textPosition={'right'} /\u003e;\n}\n```\n","funding_links":[],"categories":["Components","Others"],"sub_categories":["UI"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftestshallpass%2Freact-native-simple-stepper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftestshallpass%2Freact-native-simple-stepper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftestshallpass%2Freact-native-simple-stepper/lists"}