src/app/shared/disabled-label/disabled-label.component.ts
selector | hi-disabled-label |
styleUrls | ./disabled-label.component.scss |
templateUrl | ./disabled-label.component.html |
Methods |
Inputs |
constructor()
|
text | |
Type : string
|
|
ngOnInit |
ngOnInit()
|
Returns :
void
|
import { Component, OnInit, Input } from '@angular/core';
@Component({
selector: 'hi-disabled-label',
templateUrl: './disabled-label.component.html',
styleUrls: ['./disabled-label.component.scss'],
})
export class DisabledLabelComponent implements OnInit {
@Input()
text: string;
constructor() {}
ngOnInit() {}
}
<!--
~ Licensed to the Apache Software Foundation (ASF) under one
~ or more contributor license agreements. See the NOTICE file
~ distributed with this work for additional information
~ regarding copyright ownership. The ASF licenses this file
~ to you under the Apache License, Version 2.0 (the
~ "License"); you may not use this file except in compliance
~ with the License. You may obtain a copy of the License at
~
~ http://www.apache.org/licenses/LICENSE-2.0
~
~ Unless required by applicable law or agreed to in writing,
~ software distributed under the License is distributed on an
~ "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
~ KIND, either express or implied. See the License for the
~ specific language governing permissions and limitations
~ under the License.
-->
<span class="status-disabled">{{ text }}</span>
./disabled-label.component.scss
@use '@angular/material' as mat;
.status-disabled {
margin-left: 10px;
padding: 4px 8px;
font-size: 12px;
line-height: 40px;
border-radius: 4px;
border: 1px solid
mat.get-color-from-palette(mat.define-palette(mat.$red-palette), 900);
background-color: mat.get-color-from-palette(
mat.define-palette(mat.$red-palette),
darker
);
color: rgb(255, 255, 255);
}