This package is not under active development. You can find our latest packages in the sensenset/sn-client monorepo.
Collection of React components for sensenet ECM with Material-UI
You can install the latest version from NPM
npm install --save sn-controls-react
You can import fieldcontrol and viewcontrol components into your React App the conventional way.
import { NewView, EditView, CommandButtons } 'sn-controls-react';
...View Controls are almost the same as the .ascx Content Views in sensenet Webpages. This components define how the given Content will be rendered. As a Content is built up of Fields the View Control displays the Content using Field Controls to provide a surface to display/modify the Field values of the Content. View Control therefore depends on the Content Type of the specific Content.
import { NewView } from 'sn-controls-react'
import createBrowserHistory from 'history/createBrowserHistory'
const history = createBrowserHistory()
// content: Content | required | empty Content Object
// history: history Object made with createBrowserHistory() | optional | called after submit | default: window.history.back()
// onSubmit: Function | optional | called on submit event | default: window.history.back()
<NewView
content={content}
history={history}
onSubmit={() => {})} />import { EditView } from 'sn-controls-react'
import createBrowserHistory from 'history/createBrowserHistory'
const history = createBrowserHistory()
// content: Content | required | empty Content Object
// history: history Object made with createBrowserHistory() | optional | called after submit | default: window.history.back()
// onSubmit: Function | optional | called on submit event | default: window.history.back()
<EditView
content={content}
history={history}
onSubmit={() => {})} />import { BrowseView } from 'sn-controls-react'
// content: Content | required | empty Content Object
<BrowseView
content={content} />Just as legacy controls in sensenet Webpages Field Control components provide GUI for setting/modifying Field values of a Content but this time not as .ascx views but React Components.
![greenkeeper[bot] avatar](https://avatars.githubusercontent.com/in/505?v=4 "greenkeeper[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent