@@ -1,39 +1,7 @@
# Tesseract Design - React Common
Common front-end components for Web using the [Tesseract design system](https://make.modal.sh/tesseract/design), written for [React](https://reactjs.org).
Package:
[](https://js.pack.modal.sh/-/web/detail/@tesseract-design/react-common)
[](https://js.pack.modal.sh/-/web/detail/@tesseract-design/react-common#versions)
Dependencies:
[](https://github.com/facebook/react)
[](https://github.com/styled-components/styled-components)
[](https://github.com/microsoft/typescript)
[](https://github.com/facebook/jest)
[](https://github.com/rollup/rollup)
Check the [documentation](https://make.modal.sh/tesseract/web/react/common) for more details.
## Installation
This package resides primarily in the [Modal.sh JavaScript Package Registry](https://js.pack.modal.sh/). You will need to
adjust configuration in your chosen package manager.
With [Yarn v.1.x](https://classic.arnpkg.com), add this to your `.yarnrc` file:
```yarnrc
"@tesseract-design:registry" "https://js.pack.modal.sh/"
```
Then, install the package by running the following command:
```shell script
yarn add @tesseract-design/react-common
```
## Usage
The package includes components as named exports. Simply import the components you need individually or use a namespace
@@ -54,11 +22,13 @@ const LoginForm = etcProps => (
</legend>
<div>
<T.TextInput
name="username"
label="Username"
/>
</div>
<div>
<T.TextInput
name="password"
type="password"
label="Password"
/>
@@ -82,13 +52,7 @@ ReactDOM.render(
window.document.body.appendChild(mountNode)
```
Detailed usage guides can be found in the documentation linked above.
## TypeScript
The package is written and tested using TypeScript. Thus, typings for consumption in TypeScript are bundled with the
compiled source.
## License
MIT. See the LICENSE file on the package repository for the full text.