Background color
Use backgroundColor to change the background color of the badge.
8
import React from 'react';
import { B75 } from '@atlaskit/theme/colors';
import { Container, Format } from '@atlaskit/badge';
const BadgeContainerColorExample = () => {
return (
<Container textColor="inherit" backgroundColor={B75}>
<Format>{8}</Format>
</Container>
);
};
export default BadgeContainerColorExample;Text color
Use textColor to change the text color of the badge.
8
import React from 'react';
import { B500, N0 } from '@atlaskit/theme/colors';
import { Container, Format } from '@atlaskit/badge';
const BadgeContainerTextColorExample = () => {
return (
<Container backgroundColor={B500} textColor={N0}>
<Format>{8}</Format>
</Container>
);
};
export default BadgeContainerTextColorExample;