世界を変えるためのデザインシステムです

Getting started

Install

TBD

Usage

スタイルを適用するため node_modules/vibes/vibes.css を読み込んでください。

from Sass:

@import 'node_modules/vibes/vibes_2021';

from JavaScript with CSS Modules:

import '@freee_jp/vibes/css';

スタイルを読み込んだら、vibes の React Component を次のように使うだけです。

import * as React from 'react';
import { Breadcrumbs } from '@freee_jp/vibes';
import { CompanyLogoT } from 'somewhere';

export default function App() {
  return (
    <div className="app">
      <CompanyLogoT size="fit-width" fill="default"/>
      <Breadcrumbs
        links={[
          { title: '取引', url: '/hub_pages/deals' },
          { title: '自動で経理', url: '/wallet_txns/stream' },
        ]}
      />
    </div>
  );
}

Contribution

こちらのガイドラインを参照してください。