open-index/open-npm huggingface dataset:
npm package: @nonnuit/button
Description: A small, reusable Button component
Latest version: 1.0.3

# @nonnuit/button

A small, reusable Button component for React.

## Install

```bash
npm install @nonnuit/button
# or
yarn add @nonnuit/button
```

> 旧パッケージ `@nonnuit/my-components` は非推奨です。新しいパッケージ `@nonnuit/button` をご利用ください。

## Usage

```tsx
import React from 'react';
import { Button } from '@nonnuit/button';

export default function Example() {
  return (
    <Button onClick={() => console.log('clicked')} variant='primary'>
      Hello
    </Button>
  );
}
```

### Props

`Button` の props は HTML の `button` 属性を継承しています（`onClick`, `type`, `disabled` など）に加え、以下の拡張があります:

- `variant?: 'primary' | 'secondary'`
- `size?: 'small' | 'medium' | 'large'`

型情報（TypeScript の `ButtonProps`）はパッケージに含まれているため、TypeScript ユーザーはそのまま補完が利用できます。

## Development & Publishing

- ビルド: `npm run build`
- ローカルで Storybook: `npm run storybook`

### CI publish (GitHub Actions)

このリポジトリにはタグを push すると npm に公開するワークフローが用意されています。リリースを自動化するには、`NPM_TOKEN` を GitHub の Secrets に登録してください。

---

If you want other package-level changes (README examples, additional exports, CHANGELOG), tell me what you want to add.