로고SEED Design

Manner Temp

이 문서는 정리 중이에요. 문의 내용은 #_design_core 채널을 찾아주세요.

12.5°C36.2°C36.5°C41.9°C51.9°C52°C
import { VStack } from "@seed-design/react";
import { MannerTemp } from "seed-design/ui/manner-temp";

export default function MannerTempPreview() {
  return (
    <VStack gap="x1">
      <MannerTemp temperature={12.5} />
      <MannerTemp temperature={36.2} />
      <MannerTemp temperature={36.5} />
      <MannerTemp temperature={41.9} />
      <MannerTemp temperature={51.9} />
      <MannerTemp temperature={52} />
    </VStack>
  );
}

Installation

npx @seed-design/cli@latest add manner-temp
pnpm dlx @seed-design/cli@latest add manner-temp
yarn dlx @seed-design/cli@latest add manner-temp
bun x @seed-design/cli@latest add manner-temp

Props

PropTypeDefault
level?
"l1" | "l2" | "l3" | "l4" | "l5" | "l6"
l1
temperature?
number
-

Last updated on

On this page