Skip to main content

Installation

Install the EttaUI module:

npm

npm install etta-ui

Yarn

yarn add etta-ui

Once you have installed the etta-ui module, you can start using the components on any screen. Like so:

import { StyleSheet, Text } from 'react-native';
import { Button, TypographyPresets, Colors } from 'etta-ui';

const MyApp = () => (
<>
<Button
title="Click me"
size="default"
appearance="filled"
icon="icon-bitcoin-circle"
iconPosition="left"
/>
<Text style={styles.text}>This is a button</Text>
</>
);

const styles = StyleSheet.create({
text: {
...TypographyPresets.Body3,
color: Colors.orange.base,
marginVertical: 20,
},
});