
Product
Secure Your AI-Generated Code with Socket MCP
Socket MCP brings real-time security checks to AI-generated code, helping developers catch risky dependencies before they enter the codebase.
smarthr-ui
Advanced tools
SmartHR は、SmartHR 基本機能からはじまり、今では多くのオプション機能を提供しています。 SmartHR UI はそのすべてのアプリケーションの UI コンポーネントを共通化して、開発生産性や完成度を向上させるための UI コンポーネントライブラリです。
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を確認してください。
このプロダクトはMITの条件に従ってライセンスされています。
FAQs
SmartHR ui components built with React.
The npm package smarthr-ui receives a total of 9,103 weekly downloads. As such, smarthr-ui popularity was classified as popular.
We found that smarthr-ui demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 23 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket MCP brings real-time security checks to AI-generated code, helping developers catch risky dependencies before they enter the codebase.
Security News
As vulnerability data bottlenecks grow, the federal government is formally investigating NIST’s handling of the National Vulnerability Database.
Research
Security News
Socket’s Threat Research Team has uncovered 60 npm packages using post-install scripts to silently exfiltrate hostnames, IP addresses, DNS servers, and user directories to a Discord-controlled endpoint.