@hua-labs/ui

기본 컴포넌트

폼 컴포넌트

네비게이션

인터랙티브

피드백

데이터 & 차트

고급 컴포넌트

import { Button, Card, Badge, Input } from '@hua-labs/ui';

function MyComponent() {
  return (
    <Card className="p-6">
      <Badge>New</Badge>
      <h2>Welcome</h2>
      <Input placeholder="Enter your name" />
      <Button variant="primary">Submit</Button>
    </Card>
  );
}

import { ThemeProvider } from '@hua-labs/ui';

function App({ children }) {
  return (
    <ThemeProvider defaultTheme="system" enableSystem enableTransition>
      {children}
    </ThemeProvider>
  );
}

import { ScrollToTop } from '@hua-labs/ui';
import { ScrollProgress } from '@hua-labs/ui/advanced';
import { CodeBlock } from '@hua-labs/ui/data';

function DocsPage() {
  return (
    <>
      <ScrollProgress height={3} color="gradient" position="top" />

      <CodeBlock
        code="const hello = 'world';"
        language="javascript"
      />

      <ScrollToTop variant="secondary" />
    </>
  );
}