Abukuma React
Abukuma の原則やデザイントークンに則った React component library を提供しています。
リソース
- ご利用の方は README.md
- 開発の方は DEVELOP.md
利用方法
Abukuma React は Abukuma CSS でスタイリングを施しており、@giftee/abukuma-react
は @giftee/abukuma-css
を peer dependencies としています。そこで、コンポーネント以外のスタイリング(レイアウト等)も @giftee/abukuma-css
で行うことが可能です。必ずしもそうする必要はありません。
import { Button } from '@giftee/abukuma-react';
const Component = () => {
const handleClick = () => {};
return (
<div className="ab-flex ab-flex-column">
<Button onClick={handleClick}>React1</Button>
<Button onClick={handleClick}>React2</Button>
</div>
);
};