add option to make button block/inline (#10197)

bitwarden · Jul 31, 2024 · 27fa762 · 27fa762
1 parent 17e0dff
commit 27fa762
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/libs/auth/src/angular/input-password/input-password.component.html b/libs/auth/src/angular/input-password/input-password.component.html
@@ -70,7 +70,7 @@
     bitButton
     bitFormButton
     buttonType="primary"
-    [block]="true"
+    [block]="btnBlock"
     [loading]="loading"
   >
     {{ buttonText || ("setMasterPassword" | i18n) }}

diff --git a/libs/auth/src/angular/input-password/input-password.component.ts b/libs/auth/src/angular/input-password/input-password.component.ts
@@ -56,6 +56,7 @@ export class InputPasswordComponent {
   @Input() buttonText: string;
   @Input() masterPasswordPolicyOptions: MasterPasswordPolicyOptions | null = null;
   @Input() loading: boolean = false;
+  @Input() btnBlock: boolean = true;
 
   private minHintLength = 0;
   protected maxHintLength = 50;

diff --git a/libs/auth/src/angular/input-password/input-password.stories.ts b/libs/auth/src/angular/input-password/input-password.stories.ts
@@ -113,3 +113,12 @@ export const WithPolicy: Story = {
     `,
   }),
 };
+
+export const InlineButton: Story = {
+  render: (args) => ({
+    props: args,
+    template: `
+      <auth-input-password [btnBlock]="false" [masterPasswordPolicyOptions]="masterPasswordPolicyOptions"></auth-input-password>
+    `,
+  }),
+};