Common front-end components for Web using the Tesseract design system, written for React. https://make.modal.sh/tesseract/web/react/common
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.
 
 
 
 
TheoryOfNekomata 969b03a890 Initial commit před 4 roky
lib Initial commit před 4 roky
plop/templates/component Initial commit před 4 roky
utilities Initial commit před 4 roky
.editorconfig Initial commit před 4 roky
.env.example Initial commit před 4 roky
.gitignore Initial commit před 4 roky
.npmignore Initial commit před 4 roky
.prettierrc Initial commit před 4 roky
README.md Initial commit před 4 roky
doczrc.js Initial commit před 4 roky
global.d.ts Initial commit před 4 roky
jest.config.js Initial commit před 4 roky
jest.setup.ts Initial commit před 4 roky
package.json Initial commit před 4 roky
plopfile.js Initial commit před 4 roky
rollup.config.js Initial commit před 4 roky
tsconfig.json Initial commit před 4 roky
yarn.lock Initial commit před 4 roky

README.md

Tesseract Web - React

Front-end components for Web using the Tesseract design system, written for React.

package: @tesseract-design/react jest: 25.1.0 react: 16.13.1 styled-components: 5.1.0

Installation

Since this package resides in the Modal.sh JavaScript Package Registry, you may need to adjust configuration in your chosen package manager.

With Yarn, add this to your .yarnrc file:

"@tesseract-design:registry" "https://pack.modal.sh/js/"

Then, install the package by running the following command:

yarn add @tesseract-design/react

Usage

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'

const LoginForm = etcProps => (
  <form
    {...etcProps}
  >
    <fieldset>
      <legend>
        Log In
      </legend>
      <div>
        <T.TextInput
          block
          label="Username"
        />
      </div>
      <div>
        <T.TextInput
          block
          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)