react-native-elements
v4.0.0-beta.0TypeScriptDeprecated
Deprecated: Please use latest version, refer https://reactnativeelements.com/docs/installation
React Native Elements & UI Toolkit
0/weekUpdated 3 months agoMITUnpacked: 593.0 KB
Published by Nader Dabit & Monte Thakkar
npm install react-native-elements
Cross Platform React Native UI Toolkit
> This project has been renamed to @rneui/themed. Install using @rneui/themed instead. See the guide https://reactnativeelements.com/migration/migration-v3 to upgrade to v4.
!React Native Elements UI Toolkit
Get Started
$3
Follow
these instructions
to install React Native Elements!
$3
Start using the components or try it on Snack
here.
``js
import { Button } from 'react-native-elements';
;
`
Components included:
- [x] Avatar
- [x] Badge
- [x] BottomSheet
- [x] Button
- [x] ButtonGroup
- [x] Card
- [x] CheckBox
- [x] Divider
- [x] FAB
- [x] Header
- [x] HTML style headings
- [x] Icon
- [x] Image
- [x] Input
- [x] ListItem
- [x] Linear Progress
- [x] Overlay
- [x] Pricing
- [x] Rating
- [x] SearchBar
- [x] Slider
- [x] Social Icons / Social Icon Buttons
- [x] Speed Dial
- [x] Switch
- [x] Tile
- [x] Tab
- [x] TabView
- [x] Tooltip
Universe Components
- [x] Circular Slider
React Native Web support
As a cross platform UI Toolkit, you can now use RNE on the web & share your codebase between your React Native + React web apps. RNE components are rendered perfectly on browser. You can achieve this to target iOS, Android and Web by collaborating RNE and React Native for Web.
Click here for a full walkthrough using React Native Elements + React Native Web.
Demo App
Checkout the official
React Native Elements App
on Expo which uses all of the React Native Elements components.
If you are looking to contribute to the React Native Elements App, click
here to
view the implementation & run the RNE expo app locally.
Documentation
Contributing
Interested in contributing to this repo? Check out our
Contributing Guide
and submit a PR for a new feature/bug fix.
A big shoutout to all our contributors! You could be here too!
$3
We encourage everyone to contribute & submit PR's especially first-time
contributors. Look for the label Good First Issue` on the issues. Click
here
to see them.
If there is something you's like to see or request a new feature, please submit
an
issue
or a
pull request.
$3
We are currently looking for new core contributors that can help lead this project.
$3
In case you have any other question or would like to come say Hi! to the RNE
community, join our Slack team.
See you on the other side! 👋😃
Backers
Become a backer and show your support for React Native Elements.
Sponsors
Do you use React Native Elements in production? If so, consider supporting this project as it will allow the maintainers to dedicate more time to maintaining this project and also building new features for everyone. Also, your app or company's logo will show on GitHub and link to your website - who doesn't want a little extra exposure? Here's the info.
