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

Card Footer Migration

Overview

Before:

tsx

import { CardFooter } from '@fluentui/react-northstar';

const Component = () => <CardFooter>Lorem ipsum</CardFooter>;

After:

tsx

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

const Component = () => <CardFooter Footer="Lorem ipsum" />;

CardFooter props	migration guide
as, className	keep it as is
variables, styles	see Migrate `style` overrides in this document
accessibility	see migrate-custom-accessibility.md. Also check the focusMode new prop
fitted	REMOVED: By default, all Footers are fitted

⚠️ If this is your first migration, please read the general guide on how to migrate styles.

Follow the same patterns as in the Card migration guide.