A developer is building a new Backstage plugin and wants to use a Material UI component that is not available in Backstage's core components. What is the recommended way to incorporate it while maintaining compatibility with Backstage's design system?

Use a third-party UI library that is not based on Material UI

Import the component from `@material-ui/core` and use it directly

Create a custom component from scratch using plain HTML and CSS

Copy the component's source code into the plugin and modify it

A Backstage instance is used by two different teams with different branding requirements. Team A wants a blue primary color, and Team B wants a green primary color. The admin wants to support this without maintaining two separate Backstage deployments. What is the most practical approach?

Use CSS variables in the global stylesheet and switch them based on a class on the body element.

Override the primary color in each plugin's makeStyles based on the team.

Create two custom themes and conditionally apply them based on the user's team membership, using a custom ThemeProvider wrapper.

Use a single theme with a primary color that is a gradient between blue and green.

Certified Backstage Associate (CBA)

Domain 4Objective 4

Using Material UI Components CBA Practice Questions (Page 4)

Part of the Customizing Backstage domain, which accounts for 32% of the CBA exam. Linux Foundation does not publish an official question count, but from its 90-minute exam (~35–60 total, ~11–19 in this domain), expect 3–5 from this objective — we provide 19 practice questions to prepare you well beyond it. (estimate)

19questions here

4free pages

5concepts

32%of the exam

Questions 16–19

16foundation · easy
A developer is building a new Backstage plugin and wants to use a Material UI component that is not available in Backstage's core components. What is the recommended way to incorporate it while maintaining compatibility with Backstage's design system?
Select an answer first
17foundation · easy
In a Backstage plugin, a developer wants to group related content—such as a title, a short description, and an action—into a single visual container. Which Material UI component is designed for this purpose?
Select an answer first
18foundation · easy
A Backstage plugin developer wants to display a short descriptive text and a clickable action on a plugin's overview page. Which two core Material UI components would be the most direct choices for this purpose?
Select an answer first
19application · hard
A Backstage instance is used by two different teams with different branding requirements. Team A wants a blue primary color, and Team B wants a green primary color. The admin wants to support this without maintaining two separate Backstage deployments. What is the most practical approach?
Select an answer first

Finished these 4 questions?

Review the revealed explanations, or continue through the curriculum.

No more pagesBack to CBA

Free Basic Practice is a study aid with revealable answers — not a scored exam. Examers.io is independent and not affiliated with or endorsed by Linux Foundation. “CBA” is a trademark of its owner, used for identification only.

Using Material UI Components CBA Practice Questions (Page 4)

Questions 16–19

A developer is building a new Backstage plugin and wants to use a Material UI component that is not available in Backstage's core components. What is the recommended way to incorporate it while maintaining compatibility with Backstage's design system?

In a Backstage plugin, a developer wants to group related content—such as a title, a short description, and an action—into a single visual container. Which Material UI component is designed for this purpose?

A Backstage plugin developer wants to display a short descriptive text and a clickable action on a plugin's overview page. Which two core Material UI components would be the most direct choices for this purpose?

A Backstage instance is used by two different teams with different branding requirements. Team A wants a blue primary color, and Team B wants a green primary color. The admin wants to support this without maintaining two separate Backstage deployments. What is the most practical approach?

Keep studying — Customizing Backstage