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

开始

安装

传统发展

使用量

节点/节点/节点/节点/节点/节点。

从 Sass 中 :

@import 'node_modules/vibes/vibes_2021';

从带有 CSS 模块的 JavaScript 中:

import '@freee_jp/vibes/css';

========================================================================================================================================================================。

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

捐款

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