Skip to content

CardActions

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

Importing

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
import React from "react";
import { Button, Card, CardActions } from "photoncss/react";

export default function Component() {
    return (
        <Card>
            ...content
            <CardActions>
                <Button variant="flat" color="primary">Action 1<Button>
                <Button variant="flat" color="primary">Action 2<Button>
            </CardActions>
        </Card>
    );
}

Props

Name Default Possible Values Type Description
direction left left, right string Defines where the action buttons appear.
seperated true Boolean value boolean Determines if the title has an underline seperating it from the cards body content.

Note

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

See also: