Common front-end components for Web using the Tesseract design system, written for React. https://make.modal.sh/tesseract/web/react/common
25'ten fazla konu seçemezsiniz Konular bir harf veya rakamla başlamalı, kısa çizgiler ('-') içerebilir ve en fazla 35 karakter uzunluğunda olabilir.
 
 
 
 
TheoryOfNekomata 1838385fe8 Attempt to style storybook instance 3 yıl önce
..
.storybook Attempt to style storybook instance 3 yıl önce
docs Attempt to style storybook instance 3 yıl önce
public Attempt to style storybook instance 3 yıl önce
src Attempt to style storybook instance 3 yıl önce
test Migrate to pridepack, reorganize documentation 3 yıl önce
.eslintrc Migrate to pridepack, reorganize documentation 3 yıl önce
.gitignore Migrate to pridepack, reorganize documentation 3 yıl önce
.npmignore Migrate to pridepack, reorganize documentation 3 yıl önce
LICENSE Migrate to pridepack, reorganize documentation 3 yıl önce
README.md Migrate to pridepack, reorganize documentation 3 yıl önce
global.d.ts Migrate to pridepack, reorganize documentation 3 yıl önce
package.json Attempt to style storybook instance 3 yıl önce
pridepack.json Migrate to pridepack, reorganize documentation 3 yıl önce
tsconfig.eslint.json Migrate to pridepack, reorganize documentation 3 yıl önce
tsconfig.json Migrate to pridepack, reorganize documentation 3 yıl önce
yarn.lock Migrate to pridepack, reorganize documentation 3 yıl önce

README.md

Tesseract Design - React Common

Check the documentation for more details.

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-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)

TypeScript

The package is written and tested using TypeScript. Thus, typings for consumption in TypeScript are bundled with the compiled source.