@club32nd/void32nd v1.0.6

@club32nd/void32nd

A collection of reusable React Native UI components built with styled-components and styled-system.

Installation

npm install @club32nd/void32nd
# or
yarn add @club32nd/void32nd

Peer Dependencies

This package requires the following peer dependencies:

• react >= 16.8.0
• react-native >= 0.60.0
• styled-components >= 5.0.0

Usage

import { View, Pressable, BlurView } from 'void32nd';

function MyComponent() {
  return (
    <View p="2xl" bg="primary.500" borderRadius="md">
      <Text color="static.black">Press Me</Text>
    </View>
  );
}

Components

Basic Components

• View - A styled View component with system props
• BlurView - A component that applies a blur effect
• Pressable - A styled Pressable component with system props

Primitive Components

• Button
• Icon
• Text
• Badge
• Avatar
• Divider
• Toggle
• IconButton
• Snackbar
• Bubble
• Checkbox
• Chip
• ChipTag
• Input
• Layout
• Radio
• Heading

Composite Components

• TopNavigation
• StarRating
• Autocomplete
• BottomSheet
• ButtonGroup
• Card
• CheckboxGroup
• ChipGroup
• CollapsiblePanel
• Modal
• RadioChipGroup
• SearchInput

System Components

• MenuAddButton
• List
• MobileInput
• OtpInput

Styling

All components support styled-system props for consistent styling:

<View
  p="2xl"
  bg="primary.500"
  borderRadius="lg"
  m="lg"
>
  Content
</View>

License

MIT