Back to Fluentui

Card Body Migration

apps/public-docsite-v9/src/Concepts/Migration/FromV0/Components/Card/CardBody.mdx

4.40.2-hotfix2667 B
Original Source

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

<Meta title="Concepts/Migration/from v0/Components/Card Migration/CardBody" />

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>
);