@naarni/design-system
Version:
Naarni React Native Design System for EV Fleet Apps
65 lines (64 loc) • 1.22 kB
JavaScript
import { StyleSheet } from 'react-native';
export const styles = StyleSheet.create({
container: {
marginBottom: 16,
},
fullWidth: {
width: '100%',
},
label: {
fontSize: 14,
fontWeight: '500',
marginBottom: 8,
},
inputContainer: {
flexDirection: 'row',
alignItems: 'center',
borderWidth: 1,
borderRadius: 8,
paddingHorizontal: 12,
},
outlined: {
borderWidth: 1,
},
filled: {
borderWidth: 0,
},
disabled: {
opacity: 0.6,
},
leftIcon: {
marginRight: 8,
},
input: {
flex: 1,
paddingVertical: 0,
},
inputWithLeftIcon: {
marginLeft: 0,
},
inputWithRightIcon: {
marginRight: 0,
},
rightIconContainer: {
marginLeft: 8,
padding: 4,
},
helperText: {
fontSize: 12,
marginTop: 4,
marginLeft: 4,
},
});
export const groupStyles = StyleSheet.create({
container: {
width: '100%',
},
horizontal: {
flexDirection: 'row',
alignItems: 'flex-end',
},
vertical: {
flexDirection: 'column',
},
});