TheoryOfNekomata a330c7ffdd | před 3 roky | |
---|---|---|
.. | ||
.storybook | před 3 roky | |
docs | před 3 roky | |
src | před 3 roky | |
test | před 3 roky | |
.eslintrc | před 3 roky | |
.gitignore | před 3 roky | |
.npmignore | před 3 roky | |
LICENSE | před 3 roky | |
README.md | před 3 roky | |
global.d.ts | před 3 roky | |
package.json | před 3 roky | |
pridepack.json | před 3 roky | |
tsconfig.eslint.json | před 3 roky | |
tsconfig.json | před 3 roky | |
yarn.lock | před 3 roky |
Check the documentation for more details.
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
name="username"
label="Username"
/>
</div>
<div>
<T.TextInput
name="password"
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)
The package is written and tested using TypeScript. Thus, typings for consumption in TypeScript are bundled with the compiled source.