TheoryOfNekomata ded5fbf377 | 3 years ago | |
---|---|---|
packages | 3 years ago | |
plop/templates | 4 years ago | |
utilities | 4 years ago | |
.editorconfig | 4 years ago | |
.env.example | 4 years ago | |
.gitignore | 3 years ago | |
.npmignore | 3 years ago | |
.prettierrc | 4 years ago | |
LICENSE | 4 years ago | |
README.md | 3 years ago | |
global.d.ts | 4 years ago | |
jest.config.js | 4 years ago | |
jest.setup.ts | 4 years ago | |
package.json | 3 years ago | |
plopfile.js | 4 years ago | |
rollup.config.js | 4 years ago | |
tsconfig.json | 3 years ago | |
yarn.lock | 3 years ago |
Common front-end components for Web using the Tesseract design system, written for React.
Package:
Dependencies:
Check the documentation for more details.
This package resides primarily in the Modal.sh JavaScript Package Registry. You will need to adjust configuration in your chosen package manager.
With Yarn v.1.x, add this to your .yarnrc
file:
"@tesseract-design:registry" "https://js.pack.modal.sh/"
Then, install the package by running the following command:
yarn add @tesseract-design/react-common
The package includes components as named exports. Simply import the components you need individually or use a namespace import, like so:
import * as React from 'react'
import ReactDOM from 'react-dom'
import * as T from '@tesseract-design/react-common'
const LoginForm = etcProps => (
<form
{...etcProps}
>
<fieldset>
<legend>
Log In
</legend>
<div>
<T.TextInput
label="Username"
/>
</div>
<div>
<T.TextInput
type="password"
label="Password"
/>
</div>
<div>
<T.Button>
Log In
</T.Button>
</div>
</fieldset>
</form>
)
const mountNode = window.document.createElement('div')
ReactDOM.render(
<LoginForm />,
mountNode,
)
window.document.body.appendChild(mountNode)
Detailed usage guides can be found in the documentation linked above.
The package is written and tested using TypeScript. Thus, typings for consumption in TypeScript are bundled with the compiled source.
MIT. See the LICENSE file on the package repository for the full text.