### File

`src/lib/cells/copy-to-clipboard-cell/copy-to-clipboard-cell.component.ts`

### Metadata

changeDetection | `ChangeDetectionStrategy.OnPush`
selector | `td[rxap-copy-to-clipboard-cell]`
imports | `NgIf` `CopyToClipboardComponent`
styleUrls | `./copy-to-clipboard-cell.component.scss`
templateUrl | `./copy-to-clipboard-cell.component.html`

### Index

###### Inputs
rxap-copy-to-clipboard-cell

### Inputs

rxap-copy-to-clipboard-cell
Type : `any`
Defined in src/lib/cells/copy-to-clipboard-cell/copy-to-clipboard-cell.component.ts:20

    import {
      ChangeDetectionStrategy,
      Component,
      Input,
    } from '@angular/core';
    import { CopyToClipboardComponent } from '@rxap/components';
    import { NgIf } from '@angular/common';

    @Component({
        // eslint-disable-next-line @angular-eslint/component-selector
        selector: 'td[rxap-copy-to-clipboard-cell]',
        templateUrl: './copy-to-clipboard-cell.component.html',
        styleUrls: ['./copy-to-clipboard-cell.component.scss'],
        changeDetection: ChangeDetectionStrategy.OnPush,
        imports: [NgIf, CopyToClipboardComponent]
    })
    export class CopyToClipboardCellComponent {

      @Input('rxap-copy-to-clipboard-cell')
      public value: any;

    }

    <rxap-copy-to-clipboard *ngIf="value !== null && value !== undefined && value !== ''" [value]="value"
                            class="copy-to-clipboard"></rxap-copy-to-clipboard>
    <ng-content></ng-content>

`./copy-to-clipboard-cell.component.scss`

    ::ng-deep .copy-to-clipboard {
      .content {
        max-width: 160px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
      }
    }

Legend
Html element
Component
Html element with directive

# results matching ""

# No results matching ""