Badge

Badgeコンポーネントは、バッジを表示するためのコンポーネントです。

基本的な使い方


import { Card, Badge } from "@basemachina/view";
 
const App = () => {
  return (
    <Card>
      <Badge title="タイトル" color="blue" />
    </Card>
  );
};
 
export default App;

詳細なインターフェース

名前	説明	デフォルト値
title	バッジに表示するテキストを指定します。	必須
color	バッジの色を指定します。`blue`, `red`, `green`, `yellow`, `gray`のいずれかを指定できます。	`blue`