Skip to main content

Product Badges

For any feature that isn't available across all products, you can add a badge to the product page to highlight the feature. The badge looks like this:

The badge accepts a series of props - as boolean - that correspond to the products that the feature is available on. The order of the props doesn't matter, but the props themselves are:

PropProduct
ceCommunity Edition
freeCloud Free
standardCloud Standard
proCloud Professional
eeCloud Enterprise Edition
selfSelf-Hosted EE

To create the example referenced above, you would start by importing the component near the markdown file's frontmatter:

import ProductBadge from '@site/src/components/ProductBadge';

Then, add the component to the file immediately after the page's title (<h1 />):

<ProductBadge ce free />