Home / Hello World

Hello World

A minimal starter component demonstrating the registry convention.

import { HelloWorld } from "@/components/example/hello-world";

export default function HelloWorldExample() {
    return (
        <div className="p-8 space-y-4">
            <HelloWorld />
            <HelloWorld message="Custom message!" className="bg-blue-500/10" />
        </div>
    );
}

Installation

npx shadcn@latest add @example/hello-world

Props

messagestring"Hello, World!"Text to display

classNamestring—Additional CSS classes