Skip to content
NayaOne Design System NayaOne Design System

Card

Used to display content related to a single subject.

Demo

Section titled “Demo”
Cape Cod
Cape Cod
Cape Cod has long been known for stunning natural beauty, hundreds of miles of sandy coastline, magnificent whales migrating just off-shore, and world-class creative and recreational opportunities.
Cape of Good Hope
Cape of Good Hope
As one of the great capes of the South Atlantic Ocean, it has long been of special significance to sailors, many of whom refer to it simply as "the Cape". It is a waypoint on the Cape Route and the clipper route followed by clipper ships to the Far East and Australia, and still followed by several offshore yacht races.
Cape Canaveral
Cape Canaveral
Cape Canaveral is a cape in Brevard County, Florida, in the United States, near the center of the state's Atlantic coast. Cape Canaveral became the test site for missiles when the legislation for the Joint Long Range Proving Ground was passed by the 81st Congress and signed by President Harry Truman on May 11, 1949.

Usage

Section titled “Usage”
import {
  Button,
  Card,
  Image,
} from '@fintech-sandpit/ui/react';
import { faArrowRight } from '@fortawesome/free-solid-svg-icons';


return (
  <Card.Root className="w-[300px] overflow-hidden">
    <Image
      src="https://example.com/image.jpg"
      alt="Cape Cod"
      h="8rem"
    />


    <Card.Body className="space-y-3">
      <Card.Title>
        Cape Cod
      </Card.Title>


      <Card.Description>
        Cape Cod has long been known for stunning natural beauty,
        hundreds of miles of sandy coastline, magnificent whales
        migrating just off-shore, and world-class creative and
        recreational opportunities.
      </Card.Description>
    </Card.Body>


    <Card.Footer className="justify-end">
      <Button
        rightIcon={faArrowRight}
        colorScheme="primary"
        variant="subtle"
      >
        Show more
      </Button>
    </Card.Footer>
  </Card.Root>
);