react-vaadin-components

React Vaadin Components

React Vaadin Components is a set of React compatible wrappers for Vaadin components.

The wrappers are server side renderable and can be used with frameworks such as Next.js and Gatsby.

Quick start

Install the component set

npm i react-vaadin-components

Once installed, import the and use the components in your React app

import 'react-vaadin-components/dist/css/core.css'

...

import {
  TextField,
  Button,
  Notification
} from 'react-vaadin-components';

...

const [name, setName] = useState("");

...
<TextField
  label="Name"
  clearButtonVisible
  onValueChanged={e => setName(e.detail.value)}>
</TextField>

<Button
  theme="primary"
  disabled={!name}
  onClick={e => Notification.show(`Hello ${name}`)}>
  Say Hello
</Button>