diff --git a/modules/customizing-the-home-page/proc-customizing-the-home-page-cards.adoc b/modules/customizing-the-home-page/proc-customizing-the-home-page-cards.adoc index 43d5d50a44..a3c4208475 100644 --- a/modules/customizing-the-home-page/proc-customizing-the-home-page-cards.adoc +++ b/modules/customizing-the-home-page/proc-customizing-the-home-page-cards.adoc @@ -54,7 +54,7 @@ dynamicPlugins: * You have administrative access and can modify the `{my-app-config-file}` file for dynamic plugin configurations. .Procedure -* Configure different cards for your Home page in {product} as follows: +* Configure different cards for your Home page in {product} as shown in the following code: Search:: + @@ -264,3 +264,74 @@ dynamicPlugins: importName: FeaturedDocsCard ---- -- + +EntitySection:: ++ +You can use the *EntitySection* card to create a visually engaging section that highlights catalog entities of various kinds, such as components, APIs, resources, and so on. +-- +[source,yaml] +---- +dynamicPlugins: + frontend: + red-hat-developer-hub.backstage-plugin-dynamic-home-page: + mountPoints: + - mountPoint: home.page/cards + importName: EntitySection + config: + layouts: + xl: { w: 12, h: 6 } + lg: { w: 12, h: 6 } + md: { w: 12, h: 6 } + sm: { w: 12, h: 6 } + xs: { w: 12, h: 6 } + xxs: { w: 12, h: 14.5 } + +---- +-- + +OnboardingSection:: ++ +You can use the *OnboardingSection* card to quickly discover learning resources within {product-very-short}. +-- +[source,yaml] +---- +dynamicPlugins: + frontend: + red-hat-developer-hub.backstage-plugin-dynamic-home-page: + mountPoints: + - mountPoint: home.page/cards + importName: OnboardingSection + config: + layouts: + xl: { w: 12, h: 5 } + lg: { w: 12, h: 5 } + md: { w: 12, h: 5 } + sm: { w: 12, h: 5 } + xs: { w: 12, h: 7 } + xxs: { w: 12, h: 12 } +---- +-- + +TemplateSection:: ++ +You can use the *TemplateSection* card to quickly explore and initiate software templates in {product-very-short}. +-- +[source,yaml] +---- +dynamicPlugins: + frontend: + red-hat-developer-hub.backstage-plugin-dynamic-home-page: + mountPoints: + - mountPoint: home.page/cards + importName: TemplateSection + config: + layouts: + xl: { w: 12, h: 5 } + lg: { w: 12, h: 5 } + md: { w: 12, h: 5 } + sm: { w: 12, h: 5 } + xs: { w: 12, h: 5 } + xxs: { w: 12, h: 14 } + +---- +--