smarthr-ui
TypeScript icon, indicating that this package has built-in type declarations

46.0.1 • Public • Published

SmartHR UI

SmartHR は、SmartHR 基本機能からはじまり、今では多くのオプション機能を提供しています。 SmartHR UI はそのすべてのアプリケーションの UI コンポーネントを共通化して、開発生産性や完成度を向上させるための UI コンポーネントライブラリです。

npm version CircleCI e2e

コンポーネント

masterブランチのコンポーネント一覧は Storybook から確認できます。 https://story.smarthr-ui.dev

インストール

SmartHR-UI はnpm packageとして提供しています。

// with npm
npm install smarthr-ui

// with yarn
yarn add smarthr-ui

// with pnpm
pnpm add smarthr-ui

peerDependencies として React, React-DOM, styled-components が必要です。

// with npm
npm install react react-dom styled-components

// with yarn
yarn add react react-dom styled-components

// with pnpm
pnpm add react react-dom styled-components

使いかた

最もシンプルで簡単な使用例を紹介します。

import React from 'react'
import { createRoot } from 'react-dom/client'
import { createTheme, ThemeProvider, Button } from 'smarthr-ui'
import 'smarthr-ui/smarthr-ui.css'

const theme = createTheme()

const App: React.FC = () => (
  <ThemeProvider theme={theme}>
    <Button variant="primary">Hello World</Button>
  </ThemeProvider>
)

const container = document.getElementById('app')
const root = createRoot(container)
root.render(<App />)

コントリビュート

SmartHR UI は OSS です。コントリビュートをお待ちしています。

更新履歴

更新履歴はReleasesを確認してください。

デザイン・ロゴの利用について

  • SmartHR UI のデザインデータはFigmaで公開しています。
  • SmartHR のロゴを利用する場合はSmartHR Design Systemの利用規約を確認してください。

ライセンス

このプロダクトはMITの条件に従ってライセンスされています。

Package Sidebar

Install

npm i smarthr-ui

Weekly Downloads

5,171

Version

46.0.1

License

MIT

Unpacked Size

2.85 MB

Total Files

1816

Last publish

Collaborators

  • shingo.sasaki
  • kesteer
  • yamish123
  • ackndev
  • ibulog
  • alpaca-tc
  • nabeliwo
  • atsushim
  • koba04
  • im36.123
  • smarthr-dev
  • ykarakita
  • cidermitaina
  • meganemura
  • wata727
  • wmoai
  • diescake
  • moshisora
  • tokky0425
  • hawaiiman
  • smarthr-admin
  • yamamoto-yuta
  • kgsi
  • otapo
  • kuny