Card


This is card
this is card description
import { Card, CardDescription, CardTitle } from "avishka-ui";
 
function Card() {
  return (
     <Card className="w-[350px]">
        <CardTitle>This is card</CardTitle>
        <CardDescription>this is card description</CardDescription>
      </Card>
  );
}
 
export default Card;

blog card


This is card
this is card description
import { Card, CardDescription, CardTitle,Button } from "avishka-ui";
 
function BlogCard() {
  return (
     <Card className="w-[350px]">
        <CardTitle>This is card</CardTitle>
        <CardDescription>this is card description</CardDescription>
        <Button className="mt-3">
          Read more
          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="24"
            height="24"
            viewBox="0 0 24 24"
            fill="none"
            stroke="currentColor"
            strokeWidth="2"
            strokeLinecap="round"
            strokeLinejoin="round"
            className="ml-2 w-4 h-4 lucide lucide-chevron-right"
          >
            <path d="m9 18 6-6-6-6" />
          </svg>
        </Button>
      </Card>
  );
}
 
export default BlogCard;