fix(frontend-system-doc): use PascalCase for SidebarContent in migration guide (#32228)
* fix(frontend-system-doc): update import statement for sidebar content in migration guide Signed-off-by: Thanh Nguyen <thanh.nguyen35@mservice.com.vn> * fix(frontend-system-doc): update capitalization for SidebarContent naming in migration guide Signed-off-by: Thanh Nguyen <thanh.nguyen35@mservice.com.vn> --------- Signed-off-by: Thanh Nguyen <thanh.nguyen35@mservice.com.vn> Co-authored-by: Thanh Nguyen <thanh.nguyen35@mservice.com.vn>
This commit is contained in:
committed by
GitHub
parent
46bfd1a485
commit
fc63723560
@@ -698,16 +698,16 @@ import { SidebarContent } from './Sidebar';
|
||||
|
||||
export const navModule = createFrontendModule({
|
||||
pluginId: 'app',
|
||||
extensions: [sidebarContent],
|
||||
extensions: [SidebarContent],
|
||||
});
|
||||
```
|
||||
|
||||
Then in the actual implementation for the `sidebarContent` extension, you can provide something like the following, where you implement the entire `Sidebar` component.
|
||||
Then in the actual implementation for the `SidebarContent` extension, you can provide something like the following, where you implement the entire `Sidebar` component.
|
||||
|
||||
```tsx title="in packages/app/src/modules/nav/Sidebar.tsx"
|
||||
import { NavContentBlueprint } from '@backstage/frontend-plugin-api';
|
||||
|
||||
export const sidebarContent = NavContentBlueprint.make({
|
||||
export const SidebarContent = NavContentBlueprint.make({
|
||||
params: {
|
||||
component: ({ items }) => (
|
||||
<Sidebar>
|
||||
|
||||
Reference in New Issue
Block a user