weather-sm-03

PreviousNext
Docs
wigggle-uicomponent

Preview

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

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

export default function WidgetDemo() {
  return (
    <Widget>
      <WidgetHeader>
        <WidgetTitle className="text-4xl">29&deg;</WidgetTitle>
      </WidgetHeader>
      <WidgetContent className="items-end">
        <div className="flex w-full flex-col items-end gap-1.5">
          <SunIcon className="size-8" />
          <Label className="text-lg font-medium">Mumbai</Label>
        </div>
      </WidgetContent>
    </Widget>
  );
}

Installation

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

Usage

import { WeatherSm03 } from "@/components/weather-sm-03"
<WeatherSm03 />