{"id":51511295,"url":"https://github.com/3sidedcube/react-native-elements","last_synced_at":"2026-07-08T06:31:16.340Z","repository":{"id":232608140,"uuid":"422482773","full_name":"3sidedcube/react-native-elements","owner":"3sidedcube","description":"📱Frontend Library to be used inside Chelsea Apps Mobile applications.","archived":false,"fork":false,"pushed_at":"2024-08-26T00:01:42.000Z","size":9891,"stargazers_count":0,"open_issues_count":17,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-11-23T04:04:35.939Z","etag":null,"topics":[],"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/3sidedcube.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}},"created_at":"2021-10-29T07:34:20.000Z","updated_at":"2024-06-07T12:02:16.000Z","dependencies_parsed_at":"2024-04-10T17:13:16.754Z","dependency_job_id":"03f0324e-6394-40af-82e7-36c37ca8ac74","html_url":"https://github.com/3sidedcube/react-native-elements","commit_stats":null,"previous_names":["3sidedcube/react-native-elements","chelsea-apps/react-native-elements"],"tags_count":6,"template":false,"template_full_name":null,"purl":"pkg:github/3sidedcube/react-native-elements","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3sidedcube%2Freact-native-elements","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3sidedcube%2Freact-native-elements/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3sidedcube%2Freact-native-elements/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3sidedcube%2Freact-native-elements/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/3sidedcube","download_url":"https://codeload.github.com/3sidedcube/react-native-elements/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/3sidedcube%2Freact-native-elements/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35255327,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-08T02:00:06.796Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":"2026-07-08T06:31:15.304Z","updated_at":"2026-07-08T06:31:16.334Z","avatar_url":"https://github.com/3sidedcube.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-native-elements\n\nA react native framework for building Chelsea Apps cross platform mobile applications.\n\n## Getting started\n\nThis library should be already part of the [react-native-starter](https://github.com/chelsea-apps/react-native-starter), our starting point for mobile applications, but in case it isn't simply run:\n\n```\nnpm install @chelseaapps/react-native-elements\n```\n\nOnce the package is installed, make sure it's using the latest version and inside the `src/common/elements` you should have folders for each of the components that are part of this package.\n\nExample:\n\n```\n/elements/Input/index.tsx\n/elements/Icon/index.tsx\n...\n```\n\nThese local files are `Styled` wrappers for the components included in the package. They are the ones that are actually going to be `imported` throughout the project.\n\n`/elements/Input/index.tsx`:\n\n```\nimport React from 'react';\nimport {\n\tInput as InputElement,\n\tInputProps as InputElementProps,\n} from '@chelseaapps/react-native-elements';\n\nconst Input = ({ ...props }: InputElementProps) =\u003e \u003cInputElement {...props} /\u003e;\n\nexport default Input;\n```\n\n## Updating the library\n\nIn order to update the library with some new functionality there is a checklist that needs to followed thoroughly:\n\n- `git clone` [react-native-elements](https://github.com/chelsea-apps/react-native-elements) project locally\n- Add the necessary changes (shouldn't be more than props at this stage)\n- Using [jsDocs](https://jsdoc.app/), document your new changes\n- Update the docs by running `npx typedoc --out docs src/index.tsx`\n- Increase the version by one where `x` is in case: `1.x` if your change is an addition or `1.11.x` if your change is a bug fix.\n- Publish the new version of the package using `npm publish`\n- View your new version at [App Registry](http://registry.chelsea-apps.com:4873/-/web/detail/@chelsea-apps/react-native-elements)\n\n## Adding a new component\n\nAdding a new component should follow the same steps as updating the library but before **cloning** the library and updating it, the component should be created either inside **the current project** or inside the **react-native-starter** in order for the changes to be seen.\n\n##### Considerations to keep in mind when creating a new component:\n\n- Should be created with global usage in mind\n- A lot of use cases should be taken into consideration and the functionality should be available through props\n- Customisability is a must have and the component should have props available for styling as much of it as possible\n\n## Advanced Usage\n\nAdvanced usage refers to a case where you want a specific component to do a specific action. Here's a full list of props for any `Element`:\n\n- [Button Props](/docs/interfaces/ButtonProps.md)\n- [DefaultButton Props](/docs/interfaces/DefaultButtonProps.md)\n- [OutlineButton Props](/docs/interfaces/OutlineButtonProps.md)\n- [RoundedButton Props](/docs/interfaces/RoundedButtonProps.md)\n- [CheckboxSelectRow Props](/docs/interfaces/CheckboxSelectRowProps.md)\n- [DropdownLink Props](/docs/interfaces/DropdownLinkProps.md)\n- [Icon Props](/docs/interfaces/IconProps.md)\n- [Input Props](/docs/interfaces/InputProps.md)\n- [InputPressable Props](/docs/interfaces/InputPressableProps.md)\n- [RadioSelectRow Props](/docs/interfaces/RadioSelectRowProps.md)\n- [SwitchRow Props](/docs/interfaces/SwitchRowProps.md)\n- [Textarea Props](/docs/interfaces/TextareaProps.md)\n- [TextareaLink Props](/docs/interfaces/TextareaLinkProps.md)\n- [Txt Props](/docs/interfaces/TxtProps.md)\n- [Wrapper Props](/docs/interfaces/WrapperProps.md)\n- [OptionalWrapper Props](/docs/interfaces/OptionalWrapperProps.md)\n- [LoadingWrapper Props](/docs/interfaces/LoadingWrapperProps.md)\n- [ErrorWrapper Props](/docs/interfaces/ErrorWrapperProps.md)\n\nThe general rule of thumb is that `components/elements/` should be minimalistic files which contain only `styling props` if possible, while locally should sit all the other props that you might need.\n\nIn the rare case where a component requires some additional functionality you will have to `Update the library` globally.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F3sidedcube%2Freact-native-elements","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F3sidedcube%2Freact-native-elements","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F3sidedcube%2Freact-native-elements/lists"}