Manner Temp Badge
이 문서는 정리 중이에요. 문의 내용은 #_design_core 채널을 찾아주세요.
12.5°C36.2°C36.5°C41.9°C51.9°C52°C
import { VStack } from "@seed-design/react";
import { MannerTempBadge } from "seed-design/ui/manner-temp-badge";
export default function BadgePreview() {
return (
<VStack gap="x1">
<MannerTempBadge temperature={12.5} />
<MannerTempBadge temperature={36.2} />
<MannerTempBadge temperature={36.5} />
<MannerTempBadge temperature={41.9} />
<MannerTempBadge temperature={51.9} />
<MannerTempBadge temperature={52} />
</VStack>
);
}Installation
npx @seed-design/cli@latest add manner-temp-badgepnpm dlx @seed-design/cli@latest add manner-temp-badgeyarn dlx @seed-design/cli@latest add manner-temp-badgebun x @seed-design/cli@latest add manner-temp-badgeProps
| Prop | Type | Default |
|---|---|---|
level? | "l1" | "l2" | "l3" | "l4" | "l5" | "l6" | l1 |
temperature? | number | - |
Last updated on