Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@watermarkinsights/ripple-react

Package Overview
Dependencies
Maintainers
4
Versions
120
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@watermarkinsights/ripple-react

React specific wrappers for Ripple component library

  • 3.0.0-0
  • npm
  • Socket score

Version published
Weekly downloads
347
decreased by-2.53%
Maintainers
4
Weekly downloads
 
Created
Source

wm-components-react

This package is React-specific wrapper created for Watermark's component library so that you can use the components more easily in your React project, 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.

Install

  1. Add the package as a dev dependency in the package.json file of your React project.
"wm-components-react": "git+https://gitnyc.taskstream.com/administrator/wm-components-react.git#[version number]"
  1. Install the package. (You may get a warning that the package depends on a later version of React. Just ignore this for now.)
npm install
  1. Set the mode and load Material Design icons. The mode should be set to the name of your product, e.g., "via" or "aqua".
<html dir="ltr" lang="en" mode="via"></html>
<head>
  <link
    href="https://cdn.materialdesignicons.com/3.6.95/css/materialdesignicons.min.css"
    rel="stylesheet"
  />
  ...
</head>

Usage

import React, { Component } from "react";
import { WmDatepicker } from "wm-components-react/dist";

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

FAQs

Package last updated on 14 Sep 2021

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc