@watermarkinsights/ripple-react

React wrappers

This package is React-specific wrapper created for Ripple, Watermark's component library. It makes it easier to use the components in React projects, i.e., the same way you would any other React component. Implementing the components is slightly different than standard usage, which is documented here. The main differences:

• Component names start with an uppercase letter and use CamelCase instead of kebab-case.

• All events start with on. For example, the pagination component's pageClicked event will translate to onPageClicked when using the React package.

For installation instructions, see https://ripple.watermarkinsights.com/components/installation
This project is based on https://github.com/ionic-team/stencil-ds-plugins-demo/tree/master/packages/component-library-react

Usage

import React, { Component } from "react";
import { WmDatepicker } from "@watermarkinsights/ripple-react";

class Example extends Component {
  render() {
    return (
      <WmDatepicker
        label="Accessible Datepicker"
        labelPosition="none"
        onInput={}
      />
    );
  }
}