Skip to content

Card

Cards contain content and actions about a single subject. material.io

Importing

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
import React from "react";
import { Card } from "photoncss/react";

export default function Component() {
    return (
        <Card>
            ...content
        </Card>
    );
}

Props

Name Default Possible Values Type Description
display block block, inline string Sets the display property of the button.
variant raised outlined, raised string Sets the variant of the card.

Note

Props other than those listed above such as className and style will be passed directly to the <div/> element.

See also: