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
Prop | Type | Default |
---|---|---|
level? | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | l1 |
temperature? | number | - |
Last updated on