A Card component is a versatile UI element used to display content in a structured and visually appealing way. It typically contains related information, such as text, images, buttons, and other elements, within a bordered or shadowed container. Cards are often used for presenting individual items, like products, articles, or profiles, making the content easy to scan and interact with.

# Demo

This is sample card.

# Attributes

Name	Type	Default	Details
className	string	' '	You can customise by passing tailwind classes.
children	string \| ReactNode	Required	You can pass card content as children.
onClick	(e: any) => void	Required	You can get callback when button clicked.

# Usage

import { NCard } from 'nayan';

const Card = () => {
  return <NCard className="p-3">This is sample card.</NCard>
};

export default Card;