the-site-components
Components for the-site
Installation
$ npm install the-site-components --save
Usage
'use strict' const SignInForm = const SignUpForm = Component { superprops thisstate = signInValues: {} signUpValues: {} signUpStep: 0 } { const l = {}key || key return <div> <TheThemeStyle/> <TheIconCdnLink/> <h1>TheSignInForm</h1> <div> <SignInForm ...l values=thisstatesignInValues onUpdate= this /> </div> <h1>SignUpForm</h1> <div> <SignUpForm ...l values=thisstatesignUpValues onUpdate= this step=thisstatesignUpStep onStep= this /> </div> <hr/> <h1>TheOperationList</h1> <div> <TheOperationList entities=id: 1 name: 'v1' id: 2 name: 'v2' ...l fields= id: label: 'id' name: label: 'name' /> <TheCreateDialog active=false ...l /> </div> </div> }
Components
TheConnectionRetryDialog
@lends TheConnectionRetryDialog
Props
Name | Type | Description | Default |
---|---|---|---|
reloadIcon |
null |
||
warningIcon |
null |
TheCreateDialog
Props
Name | Type | Description | Default |
---|---|---|---|
doneTitle |
title |
TheDestroyDialog
Props
Name | Type | Description | Default |
---|---|---|---|
renderItem |
(entity) => entity.name |
TheFBLoginButton
TheLocaleForm
Props
Name | Type | Description | Default |
---|---|---|---|
icon |
'fas fa-globe' |
||
name |
'locale' |
TheOperationDialog
Props
Name | Type | Description | Default |
---|---|---|---|
renderItem |
({ name }) => name |
TheOperationList
TheOperationPager
ThePasswordChangeForm
TheProfileEditForm
TheRecoverResetForm
TheRecoverSendForm
TheSearchForm
Props
Name | Type | Description | Default |
---|---|---|---|
autoFocus |
false |
||
name |
'q' |
TheSigninForm
Props
Name | Type | Description | Default |
---|---|---|---|
nameParser |
userNameParser |
TheSignUpForm
Props
Name | Type | Description | Default |
---|---|---|---|
nameParser |
userNameParser |
||
required |
['name', 'password', 'profile.email'] |
||
step |
0 |
TheSiteToasts
TheUserCreateForm
Props
Name | Type | Description | Default |
---|---|---|---|
roles |
{} |
TheUserImage
Props
Name | Type | Description | Default |
---|---|---|---|
scale |
'fill' |
||
size |
48 |
TheUsersRoleForm
Props
Name | Type | Description | Default |
---|---|---|---|
roles |
{} |
||
users |
[] |
License
This software is released under the MIT License.