Domore react components

React components created by domore for sharepoint framework applications

Installation

npm i domore-react-components

Demos

ConfigWebpart Component

This component presents a screen to inform the user of the need to fill in the properties of the webpart. Your button can receive an action that opens the properties, for that it is enough to pass the function that opens the panel.

Include the Component:

import React from 'react';
import{ IPropertyPaneAccessor } from '@microsoft/sp-webpart-base';

import { ConfigWebpart } from 'domore-react-components'

export interface props{
    propertyPane:IPropertyPaneAccessor;
}


class Component extends React.Component<props,{}> {
    
  public render() {
    return (<ConfigWebpart 
                action={()=>{this.props.propertyPane.open();}}
                icon={"Page"} 
                title={"WebPart Title"} 
                description={"WebPart Description"} 
                buttonText={"Configure the webpart"}>
                </ConfigWebpart>
            );
  }
}