2.0.0 • Published 3 years ago

@terminus/ui-option v2.0.0

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

CI/CD Status Codecov MIT License
NPM version Library size

Table of Contents

Installation

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

ng add @terminus/ui-option

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

<ts-option value="My value!">My value!</ts-option>

Optgroup

<ts-select-optgroup label="My optgroup">
  <ts-option value="My value!">My value!</ts-option>
</ts-select-optgroup>

Display directive

If options are complex, the tsOptionDisplay directive can be used to mark which part of the option should be used as the selected label.

<ts-option value="My value!">
  <div>
    <!-- Only the contents inside the element the directive is on will be used: "My Value!" -->
    <span tsOptionDisplay>My Value!</span>
    <p>A description</p>
  </div>
My value!</ts-option>
tslib@angular-devkit/schematics@schematics/angular
@everything-registry/sub-chunk-905@zalastax/nolb-_ter@infinitebrahmanuniverse/nolb-_ter
2.0.0

3 years ago

1.1.4

3 years ago

1.1.3

3 years ago

1.1.2

4 years ago

1.1.1

4 years ago

1.1.0

4 years ago

1.0.13

4 years ago

1.0.12

4 years ago

1.0.11

4 years ago

1.0.10

4 years ago

1.0.9

4 years ago

1.0.8

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