4.0.1 • Published 3 years ago

@terminus/ui-copy v4.0.1

Weekly downloads
37
License
MIT
Repository
github
Last release
3 years ago

CI/CD Status Codecov MIT License
NPM version Library size

This component is used to contain very long strings that users may need to copy.

Table of Contents

Installation

Use the ng add command to quickly install all the needed dependencies:

ng add @terminus/ui-copy

CSS imports

In your top-level stylesheet, add these imports:

@import '~@terminus/design-tokens/css/library-design-tokens.css';
@import '~@terminus/ui-styles/terminus-ui.css';

CSS resources

Load the needed font families by adding this link to the <head> of your application:

<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap" rel="stylesheet">

Usage

Pass in text content:

<ts-copy>My text to copy!</ts-copy>

Display format

Three display formats are offered:

ModeDescription
standardThe full, bordered version (default)
minimalSlightly more compact with no border (useful in tables)
iconIcon only, all text hidden (quick copy must be enabled)

Initial selection

By default, when a user focuses on this component, the text is automatically selected. This provides an easy fallback in the instance where the user's browser does not support clipboard functionality.

It should be extremely rare, but if needed, this functionality can be disabled.

<ts-copy [disableInitialSelection]="true">My text to copy!</ts-copy>
tslib@angular-devkit/schematics@schematics/angular
@infinitebrahmanuniverse/nolb-_ter@zalastax/nolb-_ter@everything-registry/sub-chunk-905
4.0.1

3 years ago

4.0.0

3 years ago

3.0.5

3 years ago

3.0.4

3 years ago

3.0.3

3 years ago

3.0.2

4 years ago

3.0.1

4 years ago

3.0.0

4 years ago

2.1.3

4 years ago

2.1.2

4 years ago

2.1.1

4 years ago

2.1.0

4 years ago

2.0.11

4 years ago

2.0.10

4 years ago

2.0.9

4 years ago

2.0.8

4 years ago

2.0.7

4 years ago

2.0.6

4 years ago

2.0.5

4 years ago

2.0.4

4 years ago

2.0.3

4 years ago

2.0.2

4 years ago

2.0.1

4 years ago

2.0.0

4 years ago

1.0.7

4 years ago

1.0.6

4 years ago

1.0.5

4 years ago

1.0.4

4 years ago

1.0.3

4 years ago

1.0.2

4 years ago

1.0.1

4 years ago

1.0.0

4 years ago

0.0.1

4 years ago