Cross-platform UI component library for React Native by Cara Care.
More on https://caramel.cara.care/.
yarn add @cara-care/caramel
or with npm
npm install @cara-care/caramel --save
You can find a list of components and their documentations at https://caramel.cara.care/.
import React from 'react';
import {Container, Text, Accordion} from '@cara-care/caramel';
const App: () => React$Node = () => {
return (
<Container>
<Text type="header1">Welcome to caramel</Text>
<Accordion
list={[
{
image: require('./caramel.png'),
name: 'Caramel 1',
description: 'Lorem ipsum dolor sit amet.',
},
{
image: require('./caramel.png'),
name: 'Caramel 2',
description: 'Lorem ipsum dolor sit amet.',
},
]}
animate
/>
</Container>
);
};
export default App;If you'd like to use caramel components for your web applications, you can do this using react-native-web. We have prepared an example project for you here. And here it is in action: https://caramel-web.cara.care/.
Unfortunately the web version can not support all the components. BottomActionSheet, Container, Slider and CoverScrollView are currently not usable on web.
We always welcome your help. If you want to help develop caramel further, you can use our Storybook project on https://github.com/cara-care/caramel-storybook. With Storybook's help, you can see the visual representations of what you did and easily test everything.
- Slider component based on jeanregisser's react-native-slider.
- Android version of the Bottom Sheet based on nysamnang's react-native-raw-bottom-sheet.
Download iOS • Download Android
Cara Care is a mobile app that allows people with chronic stomach disorders to track the food they consume and get advised by professional nutritionists to improve their condition.