forte-ui

Forte UI (Work In Progress)

UI Library for Expo / React Native / React Native Web based on Dripsy

Components

• Accordion
• Box (Row / Col)
• Button
• Card
• Chip
• Hovered
• Input
  • Input Text
  • Input Password
  • Input TextArea
  • Input Select
  • Input Select Async
• Menu
• Portal (extracted from React Native Paper)
• Skeleton (extracted from Moti/Skeleton)
• Table

How to use

yarn add forte-ui

Wrap your app with Provider component

import React from "react"
import { Provider } from "forte-ui"

const App = ({children}) => (
  <Provider>
    <SomeLayoutComponent>
      {children}
    </SomeLayoutComponent>
  <Provider>
)

import React from "react"
import { Button, Input } from "forte-ui"

const Page = () => {

  const [value,onChangeText] = React.useState("")

  const onPress = () => {
    console.log("value",value)
  }

  return (
  <App>
    <Input.Text {...{value,onChangeText}} />
    <Button onPress={onPress} variant="primary">Click Me</Button>
  </App>
)}

For more information

• Theme UI Docs

Library

• Dripsy
• Moti / Skeleton
• Portal
• Modified React Select Search

License

MIT