This is a dynamic toast no {{ toastBody.toast?.index }} {{ toastBody.toast?.clock }}
11 |8 | An Angular {{ name }} component{{ plural ? 's' : '' }} {{ plural ? 'have' : 'has' }} been created as a native 9 | Angular 10 | version 11 | of Bootstrap {{ name }}. {{ name }} {{ plural ? 'are' : 'is' }} delivered with some new features, 12 | variants, and unique design that matches CoreUI Design System requirements. 13 |
14 | } 15 | 16 |9 | The page you are looking for was not found. 10 |
11 |9 | The page you are looking for is temporarily unavailable. 10 |
11 | 12 |.accordion-body,
29 | though the transition does limit overflow.
30 | `;
31 | return this.sanitizer.bypassSecurityTrustHtml(textSample);
32 | }
33 | }
34 |
--------------------------------------------------------------------------------
/src/components/docs-example/docs-example.component.ts:
--------------------------------------------------------------------------------
1 | import {
2 | AfterContentInit,
3 | AfterViewInit,
4 | ChangeDetectionStrategy,
5 | ChangeDetectorRef,
6 | Component,
7 | HostBinding,
8 | Input
9 | } from '@angular/core';
10 |
11 | import packageJson from '../../../package.json';
12 | import { IconDirective } from '@coreui/icons-angular';
13 | import { RouterLink } from '@angular/router';
14 | import { NavComponent, NavItemComponent, NavLinkDirective } from '@coreui/angular';
15 |
16 | @Component({
17 | selector: 'app-docs-example',
18 | templateUrl: './docs-example.component.html',
19 | styleUrls: ['./docs-example.component.scss'],
20 | changeDetection: ChangeDetectionStrategy.OnPush,
21 | standalone: true,
22 | imports: [NavComponent, NavItemComponent, NavLinkDirective, RouterLink, IconDirective]
23 | })
24 | export class DocsExampleComponent implements AfterContentInit, AfterViewInit {
25 |
26 | constructor(
27 | private changeDetectorRef: ChangeDetectorRef
28 | ) {}
29 |
30 | @Input() fragment?: string;
31 |
32 | @HostBinding('class.example')
33 | get exampleClass() {
34 | return true;
35 | };
36 |
37 | private _href = 'https://coreui.io/angular/docs/';
38 |
39 | get href(): string {
40 | return this._href;
41 | }
42 |
43 | @Input()
44 | set href(value: string) {
45 | const version = packageJson?.config?.coreui_library_short_version;
46 | const docsUrl = packageJson?.config?.coreui_library_docs_url ?? 'https://coreui.io/angular/';
47 | // const path: string = version ? `${version}/${value}` : '';
48 | this._href = `${docsUrl}${value}`;
49 | }
50 |
51 | ngAfterContentInit(): void {
52 | // this.changeDetectorRef.detectChanges();
53 | }
54 |
55 | ngAfterViewInit(): void {
56 | this.changeDetectorRef.markForCheck();
57 | }
58 | }
59 |
--------------------------------------------------------------------------------
/src/app/views/pages/register/register.component.html:
--------------------------------------------------------------------------------
1 | 48 | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 49 | tempor incididunt ut labore et dolore magna aliqua. 50 |
51 | 54 || HEX: | 30 |${rgbToHex(background)} | 31 |
| RGB: | 34 |${background} | 35 |
9 | Hover over the links below to see tooltips: 10 |
11 |13 | Tight pants next level keffiyeh 14 | you probably 15 | haven'theard of them. Photo booth beard raw denim letterpress vegan messenger 16 | bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit 17 | american apparel 18 | have a 19 | terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo 20 | thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney''s 21 | cleanse vegan chambray. A really ironic artisan 22 | whatever keytar 23 | scenester farm-to-table banksy Austin 24 | twitter handle 25 | freegan cred raw denim single-origin coffee viral. 26 |
27 |29 | Hover over the buttons below to see the four tooltips directions: top, right, bottom, 30 | and left. 31 |
32 |38 | Four options are available: top, right, bottom, and left aligned. 39 |
40 |