nextuiq
Version:
NextUIQ is a modern, lightweight, and developer-friendly UI component library for React and Next.js. Built with TypeScript and Tailwind CSS, it offers customizable, accessible, and performance-optimized components with built-in dark mode, theme customizat
35 lines (34 loc) • 1.75 kB
TypeScript
import { default as React } from 'react';
export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
children: React.ReactNode;
variant?: 'elevated' | 'filled' | 'outlined';
size?: 'sm' | 'md' | 'lg';
clickable?: boolean;
draggable?: boolean;
fullWidth?: boolean;
orientation?: 'vertical' | 'horizontal';
}
export interface CardHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
title?: React.ReactNode;
subtitle?: React.ReactNode;
avatar?: React.ReactNode;
action?: React.ReactNode;
}
export interface CardMediaProps extends React.HTMLAttributes<HTMLDivElement> {
children?: React.ReactNode;
image?: string;
alt?: string;
height?: string;
}
export interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {
children: React.ReactNode;
}
export interface CardActionsProps extends React.HTMLAttributes<HTMLDivElement> {
children: React.ReactNode;
position?: 'start' | 'end';
}
export declare function Card({ children, className, variant, size, clickable, draggable, fullWidth, orientation, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
export declare function CardHeader({ className, title, subtitle, avatar, action, ...props }: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
export declare function CardMedia({ children, className, image, alt, height, ...props }: CardMediaProps): import("react/jsx-runtime").JSX.Element;
export declare function CardContent({ children, className, ...props }: CardContentProps): import("react/jsx-runtime").JSX.Element;
export declare function CardActions({ children, className, position, ...props }: CardActionsProps): import("react/jsx-runtime").JSX.Element;