How to use @pnp/spfx-controls-react - 6 common examples
To help you get started, we’ve selected a few @pnp/spfx-controls-react examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
SharePoint / sp-dev-fx-extensions / samples / react-command-mail-view-as-image / src / extensions / mailViewAsImage / components / MailDetailsDialog.tsx View on Github 
<div>
<label> File name</label>
<label> Library</label>
</div>
}
<br>
{this.state.status}
{
this.setState({ loading: true, status: });
this.props.submit(this.state);
}} />{createChannel && <div>
<div>
</div>
{addTab && <div>
</div></div>< Label > Event Description
<div>
</div>
<div>
</div>
<div>
</div>
<div></div>offText="No"
onChanged={this._onChangedInternal}
/>
<label> {this.state.sendToInternalUser ? " Choose a colleague" : " Type an email address (external user)"}</label>
{
this.state.sendToInternalUser ?
:
}
{
this.state.sendToInternalUser && this.state.selectedUserHasPermission
? <div>
<br>
</div>
:
null
}menuProps={addAttachmentMenuProps}
disabled={false}
checked={true}
/>
{this.state.uploadFile && (
)}
<div style="{{">
{this.state.hasError && {this.state.errorMessage}}
{this.state.isLoading && }
<div style="{{">
</div>
{this.state.displayUploadFromSharePoint && (
)}</div>items={events}
viewFields={[
{
name: 'name',
displayName: 'Event',
sorting: true
},
{
name: 'city',
displayName: 'Location',
sorting: true,
minWidth: 100
}
]}
compact={true}
selectionMode={SelectionMode.single}
selection={this._getSelection} />}
);
}
}@pnp/spfx-controls-react
Reusable React controls for SharePoint Framework solutions
