weather-sm-01

PreviousNext
Docs
wigggle-uicomponent

Preview

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

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

export default function WidgetDemo() {
  return (
    <Widget>
      <WidgetContent className="flex-col gap-4">
        <SunIcon className="size-10" strokeWidth={2} />
        <Label className="text-4xl">29&deg;</Label>
      </WidgetContent>
      <WidgetFooter className="justify-center">
        <Label className="text-lg font-semibold">Mumbai</Label>
      </WidgetFooter>
    </Widget>
  );
}

Installation

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

Usage

import { WeatherSm01 } from "@/components/weather-sm-01"
<WeatherSm01 />