import { Meta } from '@storybook/addon-docs/blocks';

Card Body Migration

Overview

This component is not needed anymore. Instead, pass any content under the main Card component.

Before:

jsx

import { Card, CardBody } from '@fluentui/react-northstar';

export const CardBodyExample = () => (
  <Card elevated>
    <CardBody fitted>
      <p>Lorem ipsum dolor sit amet.</p>
    </CardBody>
  </Card>
);

After:

jsx

import { Card } from '@fluentui/react-components';

export const CardBodyExample = () => (
  <Card>
    <p>Lorem ipsum dolor sit amet.</p>
  </Card>
);