APIGridCell

The APIGridCell component is designed to display API features attractively, including an icon, title, and an optional link.

Usage

APIGridCell Basic Usage

import React from 'react';
import { APIGridCell } from '~/ui/components/Home';
import { PackageIcon } from "lucide-react";

export default function App() {
  return (
    <APIGridCell
      icon={<PackageIcon />}
      title="API Access"
      link="https://example.com/api"
    />
  );
}

Rendered Example

Explore APIs

Props

Name	Type	Default	Description
icon	JSX.Element	`undefined`	Icon to display in the cell
title	string	`undefined`	Title of the API feature
link	string	`undefined`	URL to link to more API details
className	string	`undefined`	Additional CSS classes for styling
sm	number	`6`	Columns span on small screens
md	number	`6`	Columns span on medium screens
lg	number	`6`	Columns span on large screens
xl	number	`3`	Columns span on extra large screens