3.5.0 • Published 3 months ago

@super_studio/ecforce_ui_albers v3.5.0

Weekly downloads
-
License
MIT
Repository
-
Last release
3 months ago

ecforce ui albers

ecforce の design system albers のコンポーネントライブラリです。

albers は試験開発中のため、内容が大幅に変更される可能性があります。バージョンに関わらず破壊的変更が行われることがありますので、利用時にはご注意ください。

インストール

npm install @super_studio/ecforce_ui_albers
yarn add @super_studio/ecforce_ui_albers

使い方

CSS をプロジェクトにインポートします。

@import '@super_studio/ecforce_ui_albers/index.css';

プロジェクト側で Tailwind CSS を導入し、Button コンポーネント等の背景色が反映されない場合は、プロジェクト側の tailwind.config.js に以下を追記してください。

module.exports = {
  corePlugins: {
    preflight: false,
  }
}

簡単な使用例になります。

import React from "react";
import { Button } from "@super_studio/ecforce_ui_albers";
// サブディレクトリからもimportできます。
// import { Button } from "@super_studio/ecforce_ui_albers/Button";

function App() {
  return (
    <Button size="medium" variant="primary">
      albers
    </Button>
  );
}

Next.js 13 の Server Components で使用する場合は以下のようにサブディレクトリからコンポーネントをインポートしてください。

import { Button } from "@super_studio/ecforce_ui_albers/Button";

以下コンポーネントは Next.js 13 の Server Components で使用できません。

  • Dropdown
  • FlashMessage
  • Header
  • Modal
  • Pagination
  • Sidebar
  • Table
  • Tooltip
  • DatePicker
  • Dialog
  • DropZone
  • SearchSelect

カラートークンの導入方法

tailwind.configcolorsをインポートします。

import { colors } from "@super_studio/ecforce_ui_albers/theme/colors";

theme内にcolosを追加して完了です。

const config: Config = {
  theme: {
    extend: {
      colors,
    }
  }
};

ライセンス

albers は MIT ライセンスで公開されています。

3.4.0

3 months ago

3.2.0

4 months ago

3.3.0

4 months ago

3.5.0

3 months ago

3.0.0-alpha.0

4 months ago

3.0.0

4 months ago

2.1.0

4 months ago

3.1.0

4 months ago

3.1.0-alpha.0

4 months ago

2.1.0-alpha.0

5 months ago

1.2.0

8 months ago

1.4.0

6 months ago

2.0.0-alpha.0

7 months ago

2.0.0

5 months ago

1.1.1

8 months ago

1.1.0

8 months ago

1.3.0

7 months ago

1.0.1

9 months ago

1.0.0

10 months ago

0.1.57

1 year ago

0.1.58

1 year ago

0.1.59

1 year ago

0.1.63

12 months ago

0.1.64

12 months ago

0.1.65

12 months ago

0.1.66

11 months ago

0.1.67

11 months ago

0.1.68

10 months ago

0.1.60

1 year ago

0.1.61

1 year ago

0.1.62

1 year ago

0.1.56

1 year ago

0.1.55

1 year ago

0.1.54

1 year ago

0.1.53

1 year ago

0.1.52

1 year ago

0.1.50

1 year ago

0.1.51

1 year ago

0.1.49

1 year ago

0.1.48

1 year ago

0.1.47

1 year ago

0.1.46

1 year ago

0.1.45

1 year ago

0.1.44

1 year ago

0.1.43

1 year ago

0.1.42

1 year ago

0.1.41

1 year ago

0.1.40

2 years ago

0.1.39

2 years ago

0.1.38

2 years ago

0.1.37

2 years ago

0.1.37-alpha.5

2 years ago

0.1.37-alpha.4

2 years ago

0.1.37-alpha.3

2 years ago

0.1.37-alpha.2

2 years ago

0.1.37-alpha.1

2 years ago

0.1.37-alpha.0

2 years ago

0.1.36

2 years ago

0.1.35

2 years ago

0.1.34

2 years ago

0.1.33

2 years ago

0.1.32

2 years ago

0.1.31

2 years ago

0.1.30

2 years ago

0.1.29

2 years ago

0.1.28

2 years ago

0.1.27

2 years ago

0.1.26

2 years ago

0.1.25

2 years ago

0.1.24

2 years ago

0.1.23

2 years ago

0.1.22

2 years ago

0.1.21

2 years ago

0.1.20

2 years ago

0.1.19

3 years ago

0.1.18

3 years ago

0.1.17

3 years ago

0.1.16

3 years ago

0.1.15

3 years ago

0.1.14

3 years ago

0.1.13

3 years ago

0.1.12

3 years ago

0.1.11

3 years ago

0.1.10

3 years ago

0.1.9

3 years ago

0.1.8

3 years ago

0.1.7

3 years ago

0.1.6

3 years ago

0.1.5

3 years ago

0.1.4

3 years ago

0.1.3

3 years ago

0.1.2

3 years ago

0.1.1

3 years ago

0.1.0

3 years ago