### File

`src/app/shared/disabled-label/disabled-label.component.ts`

### Implements

`OnInit`

### Metadata

selector | `hi-disabled-label`
styleUrls | `./disabled-label.component.scss`
templateUrl | `./disabled-label.component.html`

### Index

###### Methods
ngOnInit
###### Inputs
text

### Constructor

`constructor()`
Defined in src/app/shared/disabled-label/disabled-label.component.ts:10

### Inputs

text
Type : `string`
Defined in src/app/shared/disabled-label/disabled-label.component.ts:10

### Methods

ngOnInit
`ngOnInit()`
Defined in src/app/shared/disabled-label/disabled-label.component.ts:14
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);
    }

Legend
Html element
Component
Html element with directive

# results matching ""

# No results matching ""