メインコンテンツまでスキップ

Abukuma React

Abukuma の原則やデザイントークンに則った React component library を提供しています。

リソース

利用方法

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