Module @s-hirano-ist/s-ui

UI component library for the content management system.

Remarks

This package provides reusable React components built with:

Radix UI primitives for accessibility
Tailwind CSS for styling
tailwind-variants for variant management

Component Categories

UI Components - Base components (Button, Card, Input, Dialog, etc.)
Form Components - Form wrappers and field components
Display Components - Loading states and status displays
Layout Components - Markdown viewer and content layouts
Hooks - Custom React hooks (useInfiniteScroll)
Utilities - cn() class merging utility

Note: Next.js-dependent components (ThemeProvider, Pagination, Toaster) are available via @s-hirano-ist/s-ui/next.

Example

import { Button, Card, Input } from "@s-hirano-ist/s-ui";

function MyComponent() {
  return (
    <Card>
      <Input placeholder="Enter text..." />
      <Button>Submit</Button>
    </Card>
  );
}

Type Aliases

Variables

badgeVariants
buttonVariants
Dialog
DialogPortal
DialogTrigger
DropdownMenu
DropdownMenuGroup
DropdownMenuPortal
DropdownMenuRadioGroup
DropdownMenuSub
DropdownMenuTrigger
ratingVariants
Tabs

Module @s-hirano-ist/s-ui

Remarks

Component Categories

Example

Type Aliases

Variables

Functions

Settings

On This Page