weather-sm-04

PreviousNext
Docs
wigggle-uicomponent

Preview

Loading preview…
registry/default/widgets/weather/sm/weather-04.tsx
import * as React from "react";

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

export default function WidgetDemo() {
  return (
    <Widget>
      <WidgetContent className="mx-auto flex-col items-start">
        <Label className="text-6xl">29&deg;</Label>
        <Label className="text-2xl">Sunny</Label>
        <Label>Tue Nov 22</Label>
      </WidgetContent>
    </Widget>
  );
}

Installation

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

Usage

import { WeatherSm04 } from "@/components/weather-sm-04"
<WeatherSm04 />