@intility/bifrost-react/dist/components/Card/index.js

React library for Intility's design system, Bifrost.

import Card from "./Card.js";
import CardButton from "./Card.Button.js";
import CardContent from "./Card.Content.js";
import CardImage from "./Card.Image.js";
import CardLogo from "./Card.Logo.js";
import CardTitle from "./Card.Title.js";

/**
 * Card component, useful for styling tiled content
 *
 * @see https://bifrost.intility.com/react/card
 *
 * @example
 * <Card>
 *   <Card.Title>Card.Title</Card.Title>
 *   <Card.Content>Wrap card text content in Card.Content.</Card.Content>
 * </Card>
 */
export default Object.assign(Card, {
  /** Image banner element for `<Card>` */
  Image: CardImage,
  /** Title text for `<Card>` */
  Title: CardTitle,
  /*** Content wrapper inside a `<Card>` */
  Content: CardContent,
  /** Logo banner element for `<Card>` */
  Logo: CardLogo,
  /** Clickable Button element for `<Card>` */
  Button: CardButton
});