@watermarkinsights/ripple-react
v5.4.0
Published
React specific wrappers for Ripple component library
Downloads
1,353
Keywords
Readme
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'spageClicked
event will translate toonPageClicked
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={}
/>
);
}
}