weather-sm-02

PreviousNext
Docs
wigggle-uicomponent

Preview

Loading preview…
registry/default/widgets/weather/sm/weather-02.tsx
import { SunIcon } from "lucide-react";
import * as React from "react";

import {
  Widget,
  WidgetContent,
  WidgetHeader,
  WidgetTitle,
} from "@/registry/default/ui/widget";
import { Label } from "@/registry/default/ui/label";

export default function WidgetDemo() {
  return (
    <Widget>
      <WidgetHeader>
        <WidgetTitle>Mumbai</WidgetTitle>
        <SunIcon className="size-5 fill-current" />
      </WidgetHeader>
      <WidgetContent>
        <Label className="text-5xl">29&deg;</Label>
      </WidgetContent>
    </Widget>
  );
}

Installation

npx shadcn@latest add @wigggle-ui/weather-sm-02

Usage

import { WeatherSm02 } from "@/components/weather-sm-02"
<WeatherSm02 />