@rescript-react-native/paper

    3.0.6 • Public • Published

    @rescript-react-native/paper

    Build Status Version ReScript Forum

    ReScript bindings for react-native-paper.

    Exposed as Paper module.

    @rescript-react-native/paper X.y.* means it's compatible with react-native-paper X.y.*

    Status

    ⚠️ Work in progress. These bindings are used successfully in several apps, but are not complete yet and still subject to change.

    Checkout missing components

    Installation

    When react-native-paper is properly installed & configured by following their installation instructions, you can install the bindings:

    npm install @rescript-react-native/paper
    # or
    yarn add @rescript-react-native/paper

    @rescript-react-native/paper should be added to bs-dependencies in your bsconfig.json:

    {
      //...
      "bs-dependencies": [
        "@rescript/react",
        "rescript-react-native",
        // ...
    +    "@rescript-react-native/paper"
      ],
      //...
    }

    Usage

    Components

    [@react.component]
    let make = () => {
      let (visible, setVisible) = React.useState(() => false);
    
      <Paper.Portal>
        <Paper.Dialog visible onDismiss={_ => setVisible(_ => false)}>
          <Paper.Dialog.Title>
            "Title"->React.string
          </Paper.Dialog.Title>
          <Paper.Dialog.Description>
            "Description"->React.string
          </Paper.Dialog.Description>
        </Paper.Dialog>
      </Paper.Portal>
    };

    Changelog

    Check the changelog for more informations about recent releases.

    Contribute

    Read the contribution guidelines before contributing.

    Code of Conduct

    We want this community to be friendly and respectful to each other. Please read our full code of conduct so that you can understand what actions will and will not be tolerated.

    Implemented components

    • [x] ActivityIndicator
    • [x] Avatar
    • [x] Appbar
    • [x] BottomNavigation
    • [x] Badge
    • [x] Banner
    • [x] Button
    • [x] Checkbox
    • [x] Card
    • [x] Chip
    • [x] Dialog
    • [x] Divider
    • [x] FAB
    • [ ] DataTable
    • [x] Drawer
    • [x] List
    • [x] IconButton
    • [x] Modal
    • [ ] Menu
    • [x] RadioButton
    • [x] Searchbar
    • [x] PaperProvider
    • [x] Portal
    • [x] ProgressBar
    • [x] Snackbar
    • [x] Surface
    • [x] TextInput
    • [x] TouchableRipple
    • [x] ToggleButton
    • [x] HelperText
    • [x] ThemeProvider
    • Typography
      • [x] Title
      • [x] Subheading
      • [x] Headline
      • [x] Paragraph
      • [x] Caption
      • [x] Text

    Install

    npm i @rescript-react-native/paper

    DownloadsWeekly Downloads

    29

    Version

    3.0.6

    License

    MIT

    Unpacked Size

    32.6 kB

    Total Files

    44

    Last publish

    Collaborators

    • moox