@malberee/heroui-native v1.1.12

HeroUI Native

I'm just trying to replicate the design and some functionality of HeroUI for React Native.

Here is a list of some of the components that have already been implemented:

• Button
• Checkbox
• Chip
• Input
• Progress
• CircularProgress
• Radio
• Slider
• Spinner
• Switch

Since I created the library for my own needs, I did not create any documentation, so feel free to ask any questions in issues.

Installation

Follow the instructions for installing NativeWind v4

Install @malberee/heroui-native

# npm
npm install @malberee/heroui-native

# yarn
yarn add @malberee/heroui-native

To use checkboxes, spinner or icons, also install react-native-svg

# npm
npm install react-native-svg

# yarn
yarn add react-native-svg

Modify your tailwind.config.js

// tailwind.config.js

+ const { heroui } = require("@malberee/heroui-native/plugin")

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./app/**/*.{js,jsx,ts,tsx}",
+   "node_modules/@malberee/heroui-native/**/*.{js,jsx,ts,tsx}"
  ],
  presets: [require("nativewind/preset")],
  theme: {
    extend: {},
  },
  darkMode: "class",
+ plugins: [heroui()] ,
}

Usage

import { Button } from '@malberee/heroui-native'

// ...

;<Button color="success" variant="flat">
  Button
</Button>

License

MIT

Made with create-react-native-library