https://github.com/bluebasejs/plugin-react-native-paper
๐งป React Native Paper comes to BlueBase!
https://github.com/bluebasejs/plugin-react-native-paper
Last synced: 3 days ago
JSON representation
๐งป React Native Paper comes to BlueBase!
- Host: GitHub
- URL: https://github.com/bluebasejs/plugin-react-native-paper
- Owner: BlueBaseJS
- License: apache-2.0
- Created: 2019-03-10T05:12:13.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2024-10-30T10:32:05.000Z (8 months ago)
- Last Synced: 2024-10-30T11:21:12.598Z (8 months ago)
- Language: TypeScript
- Homepage:
- Size: 6.29 MB
- Stars: 0
- Watchers: 8
- Forks: 0
- Open Issues: 27
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
![]()
BlueBase + React Native Paper
React Native Paper comes to BlueBase!
## ๐ Status
[](http://opensource.org/licenses/MIT)
[](https://npmjs.org/package/@bluebase/plugin-react-native-paper "View this project on npm")
[](https://travis-ci.com/BlueBaseJS/plugin-react-native-paper)
[](https://codecov.io/gh/BlueBaseJS/plugin-react-native-paper)
[](https://greenkeeper.io/) [](https://github.com/BlueBaseJS/plugin-react-native-paper/blob/master/CONTRIBUTING.md)
[](https://www.codacy.com/app/BlueBaseJS/plugin-react-native-paper?utm_source=github.com&utm_medium=referral&utm_content=BlueBaseJS/plugin-react-native-paper&utm_campaign=Badge_Grade)
[](https://snyk.io/test/github/BlueBaseJS/plugin-react-native-paper)
[](https://github.com/semantic-release/semantic-release)## ๐ค Compatibility
| ๐ Web | ๐ฅ Electron | ๐ฑ React Native |
| :----: | :---------: | :-------------: |
| โ | โ | โ |## Docs
- [Storybook](https://BlueBaseJS.github.io/plugin-react-native-paper/storybook/)
- [API Docs](https://BlueBaseJS.github.io/plugin-react-native-paper/)## Installation
Install the plugin as a dependency in your project:
```bash
yarn add @bluebase/plugin-react-native-paper
```The easiest way to add a new plugin is pass it as a prop to the `BlueBaseApp` component.
```ts
import { BlueBaseApp } from '@bluebase/core';
import Plugin from '@bluebase/plugin-react-native-paper';export const App = () => (
);
```Typically, in a large project you would be using BlueBase CLI. In your BlueBase project created by the CLI, add the plugin in the `plugins` field in your `bluebase.ts` file:
```ts
export default {// ...other bluebase.ts properties
plugins: [
import('@bluebase/plugin-react-native-paper')
]
}
```## Components
This plugin registers following plugins in BlueBase:
- [x] Button
- [x] Divider
- [x] TextInput