mirror of
https://github.com/bitwarden/browser
synced 2025-12-16 08:13:42 +00:00
[CL-135] Migrate component library to standalone components (#12389)
* Migrate component library to standalone components * Fix tests
This commit is contained in:
@@ -3,23 +3,15 @@ import { Meta, StoryObj, moduleMetadata } from "@storybook/angular";
|
||||
|
||||
import { ButtonModule } from "../button/button.module";
|
||||
|
||||
import { MenuDividerComponent } from "./menu-divider.component";
|
||||
import { MenuItemDirective } from "./menu-item.directive";
|
||||
import { MenuTriggerForDirective } from "./menu-trigger-for.directive";
|
||||
import { MenuComponent } from "./menu.component";
|
||||
import { MenuModule } from "./menu.module";
|
||||
|
||||
export default {
|
||||
title: "Component Library/Menu",
|
||||
component: MenuTriggerForDirective,
|
||||
decorators: [
|
||||
moduleMetadata({
|
||||
declarations: [
|
||||
MenuTriggerForDirective,
|
||||
MenuComponent,
|
||||
MenuItemDirective,
|
||||
MenuDividerComponent,
|
||||
],
|
||||
imports: [OverlayModule, ButtonModule],
|
||||
imports: [MenuModule, OverlayModule, ButtonModule],
|
||||
}),
|
||||
],
|
||||
parameters: {
|
||||
@@ -51,7 +43,7 @@ export const OpenMenu: Story = {
|
||||
Disabled button
|
||||
</button>
|
||||
</bit-menu>
|
||||
|
||||
|
||||
<div class="tw-h-40">
|
||||
<div class="cdk-overlay-pane bit-menu-panel">
|
||||
<ng-container *ngTemplateOutlet="myMenu.templateRef"></ng-container>
|
||||
@@ -67,7 +59,7 @@ export const ClosedMenu: Story = {
|
||||
<div class="tw-h-40">
|
||||
<button bitButton buttonType="secondary" [bitMenuTriggerFor]="myMenu">Open menu</button>
|
||||
</div>
|
||||
|
||||
|
||||
<bit-menu #myMenu>
|
||||
<a href="#" bitMenuItem>Anchor link</a>
|
||||
<a href="#" bitMenuItem>Another link</a>
|
||||
|
||||
Reference in New Issue
Block a user