mirror of
https://github.com/bitwarden/browser
synced 2025-12-19 01:33:33 +00:00
fa41f29fc4
* add tools card component * rename to tools-card * whitelist readme * fix tw classes in card component * add RTL support. * add documentation. revert changes to settings * Revert vscode settings --------- Co-authored-by: Daniel James Smith <djsmith85@users.noreply.github.com>
31 lines
836 B
TypeScript
31 lines
836 B
TypeScript
import { CommonModule } from "@angular/common";
|
|
import { Component, Input } from "@angular/core";
|
|
|
|
import { JslibModule } from "@bitwarden/angular/jslib.module";
|
|
import { TypographyModule } from "@bitwarden/components";
|
|
|
|
@Component({
|
|
selector: "tools-card",
|
|
templateUrl: "./card.component.html",
|
|
standalone: true,
|
|
imports: [CommonModule, TypographyModule, JslibModule],
|
|
host: {
|
|
class:
|
|
"tw-box-border tw-bg-background tw-block tw-text-main tw-border-solid tw-border tw-border-secondary-300 tw-border [&:not(bit-layout_*)]:tw-rounded-lg tw-p-6",
|
|
},
|
|
})
|
|
export class CardComponent {
|
|
/**
|
|
* The title of the card
|
|
*/
|
|
@Input() title: string;
|
|
/**
|
|
* The current value of the card as emphasized text
|
|
*/
|
|
@Input() value: number;
|
|
/**
|
|
* The maximum value of the card
|
|
*/
|
|
@Input() maxValue: number;
|
|
}
|