Card

Card

The card is a simple component with a header label and logo.

Usage

import React from "react";
import { Card } from "aloria-ui";

export default function App() {
  return <Card />;
}

Props

The card component takes the following props:

• cardColor: It determines the background color of the card component. Default value: "#29313D".

• cardShadow: It determines the box shadow color of the card component. Default value: "#000000".

• icon: It determines the icon to be used in the card component. Default value: <AiOutlineCode /> from react-icons.

• headerText: It determines the text of the header of the card component. Default value: "Lorem Ipsum".

• headerTextColor: It determines the color of header text of the card component. Default value: "#FFFFFF".

• labelText: It determines the text of the label of the card component. Default value: "Lorem Ipsum Dorsetta".

• labelTextColor: It determines the color of the label text of the card component. Default value: "#D1D1D1".

Preview/Example

Here is an example of how to use the card component.

import React from "react";
import { Card } from "aloria-ui";

export default function App() {
  return (
    <Card
      headerText="Web Developer."
      labelText="React, Redux, Next, Node, JS"
    />
  );
}