mirror of
https://github.com/bitwarden/browser
synced 2025-12-13 23:03:32 +00:00
[CL-194] add vertical stepper to CL (#14528)
* Copy Vertical stepper into CL * remove unused input * add docs around vertical step usage * use signal inputs * add vertical step story * enhance documentation * WIP * Rename to Stepper * adds horizontal stepper * updated view logic * add resizeobserver directive * add basic responsizeness to stepper * add comment about stateChanged method * update responsive logic * reformat with prettier * remove obsolete applyBorder input * fix step type mismatch * fix incorrect step import * fix borken disabled logic * fix class logic * move tabpanel out of tablist. correctly increment ids * make map private * use accordion attributes for vertical stepper * barrel export directive * fixing types * remove now obsolete step-content * reimplement constructors to fix storybook not rendering * move padding to different container * move map and observer into directive * remove useless test for now * add comment about constructor implementation * add template variable for disabled state * fix typo * simplify resize observer directive logic * add jsdoc description * use typography directive * use the variable for step disabled * Update libs/components/src/stepper/stepper.mdx Co-authored-by: Vicki League <vleague@bitwarden.com> --------- Co-authored-by: Will Martin <contact@willmartian.com> Co-authored-by: Vicki League <vleague@bitwarden.com>
This commit is contained in:
16
libs/components/src/stepper/step.component.ts
Normal file
16
libs/components/src/stepper/step.component.ts
Normal file
@@ -0,0 +1,16 @@
|
||||
import { CdkStep, CdkStepper } from "@angular/cdk/stepper";
|
||||
import { Component, input } from "@angular/core";
|
||||
|
||||
@Component({
|
||||
selector: "bit-step",
|
||||
templateUrl: "step.component.html",
|
||||
providers: [{ provide: CdkStep, useExisting: StepComponent }],
|
||||
standalone: true,
|
||||
})
|
||||
export class StepComponent extends CdkStep {
|
||||
subLabel = input();
|
||||
|
||||
constructor(stepper: CdkStepper) {
|
||||
super(stepper);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user