@talenra/components documentation
  1. Components
  2. CopyContentButtonComponent

File

copy-content/src/copy-content/copy-content-button.component.ts

Description

The copy content button component. This component is used to copy the content of a text field.

Example :
<talenra-copy-content-button toCopy="text to copy" />

Import

Example :
import { CopyContentButtonComponent } from '@talenra/components/copy-content';

Metadata

changeDetection ChangeDetectionStrategy.OnPush
host {
}
selector talenra-copy-content-button
imports IconComponent TooltipDirective
templateUrl ./copy-content-button.component.html
styleUrl ./copy-content-button.component.scss

Index

Properties
Inputs
Accessors

Inputs

negativeColor
Default value : false, { transform: booleanAttribute }

State if the color of the icon should be negative (white with opacity 0.5).

Example :
<talenra-copy-content-button negativeColor />
position
Type : TCopyContentPosition
Default value : 'east'

The position relative to the hosting element ('west', 'east'). Defaults to 'east'.

Example :
<talenra-copy-content-button position="west" />

See CopyContentPosition See TCopyContentPosition
toCopy
Default value : ''

Text displayed that is to copy.

Example :
<talenra-copy-content-button toCopy="Text to copy" />
tooltip
Type : string
Default value : ''

The tooltip text.

Example :
<talenra-copy-content-button tooltip="Tooltip text" />

Properties

tooltipPosition
Type : unknown
Default value : computed<TTooltipPosition>(() => this.position() as TTooltipPosition)

The tooltip position. In relation to the button position.

Accessors

state
getstate()

Used for visual transitions. When active, the component is visible or fading-in, while inactive the component is invisible or fading-out.

Returns : "active" | "inactive"
setstate(value: "active" | "inactive")
Parameters :
Name Type Optional
value "active" | "inactive" No
Returns : void

results matching ""

    No results matching ""