Skip to main content

Card.Actions

A component to show a list of actions inside a Card.

Vector icon

Usage​

import { Button, Card } from '@/components';
import React, { ReactElement } from 'react';

const Example = (): ReactElement => {
  return (
    <Card>
      <Card.Actions flexDirection="row" g={10}>
        <Button size="sm" flex={1} type="outlined">
          <Button.Text title="Submit"/>
        </Button>
        <Button size="sm" flex={1}>
          <Button.Text title="Apply"/>
        </Button>
      </Card.Actions>
    </Card>
  );
};

export default Example;

Props​

Extends the BoxProps<Theme> from the Box Component

children​

Type : React.ReactNode