Screen Reader
Value to describe the component can either be provided with ariaLabelledBy or ariaLabel props. The cascadeselect element has a combobox role in addition to aria-haspopup and aria-expanded attributes.
diff --git a/src/app/showcase/doc/overlay/appendtodoc.ts b/src/app/showcase/doc/overlay/appendtodoc.ts
index 14e2a2b996d..0b814ee6496 100644
--- a/src/app/showcase/doc/overlay/appendtodoc.ts
+++ b/src/app/showcase/doc/overlay/appendtodoc.ts
@@ -3,8 +3,7 @@ import { Code } from '../../domain/code';
@Component({
selector: 'appendto-doc',
- template: `
-
+ template: `
Overlay can be mounted into its location, body or DOM element instance using this option.
`
diff --git a/src/app/showcase/doc/overlay/autozindexdoc.ts b/src/app/showcase/doc/overlay/autozindexdoc.ts
index f8d406049c8..84d3bd8a07f 100644
--- a/src/app/showcase/doc/overlay/autozindexdoc.ts
+++ b/src/app/showcase/doc/overlay/autozindexdoc.ts
@@ -3,9 +3,8 @@ import { AppDocSectionTextComponent } from '../../layout/doc/app.docsectiontext.
@Component({
selector: 'auto-zindex-doc',
- template: `
-
- The autoZIndex determines whether to automatically manage layering. Its default value is 'false'.
- `
+ template: `
+ The autoZIndex determines whether to automatically manage layering. Its default value is 'false'.
+ `
})
export class AutoZIndexDoc {}
diff --git a/src/app/showcase/doc/overlay/basezindexdoc.ts b/src/app/showcase/doc/overlay/basezindexdoc.ts
index 09e1dda316c..be8cc52367f 100644
--- a/src/app/showcase/doc/overlay/basezindexdoc.ts
+++ b/src/app/showcase/doc/overlay/basezindexdoc.ts
@@ -3,9 +3,8 @@ import { AppDocSectionTextComponent } from '../../layout/doc/app.docsectiontext.
@Component({
selector: 'base-zindex-doc',
- template: `
-
- The baseZIndex is base zIndex value to use in layering. Its default value is 0.
- `
+ template: `
+ The baseZIndex is base zIndex value to use in layering. Its default value is 0.
+ `
})
export class BaseZIndexDoc {}
diff --git a/src/app/showcase/doc/overlay/basicdoc.ts b/src/app/showcase/doc/overlay/basicdoc.ts
index 6360f5a7c9d..56d9144dd3e 100644
--- a/src/app/showcase/doc/overlay/basicdoc.ts
+++ b/src/app/showcase/doc/overlay/basicdoc.ts
@@ -3,8 +3,7 @@ import { Code } from '../../domain/code';
@Component({
selector: 'basic-doc',
- template: `
-
+ template: `
Overlay is a container to display content in an overlay window. All the options mentioned above can be used as props for this component.
diff --git a/src/app/showcase/doc/overlay/hideonescapedoc.ts b/src/app/showcase/doc/overlay/hideonescapedoc.ts
index 73670a7445c..396509ea98e 100644
--- a/src/app/showcase/doc/overlay/hideonescapedoc.ts
+++ b/src/app/showcase/doc/overlay/hideonescapedoc.ts
@@ -3,9 +3,8 @@ import { AppDocSectionTextComponent } from '../../layout/doc/app.docsectiontext.
@Component({
selector: 'hide-on-escape-doc',
- template: `
-
- The hideOnEscape determines to hide the overlay when escape key pressed. Accepts boolean, default value is false.
- `
+ template: `
+ The hideOnEscape determines to hide the overlay when escape key pressed. Accepts boolean, default value is false.
+ `
})
export class HideOnEscapeDoc {}
diff --git a/src/app/showcase/doc/overlay/importdoc.ts b/src/app/showcase/doc/overlay/importdoc.ts
index f888831032f..3bcaa4c6856 100644
--- a/src/app/showcase/doc/overlay/importdoc.ts
+++ b/src/app/showcase/doc/overlay/importdoc.ts
@@ -3,8 +3,7 @@ import { Code } from '../../domain/code';
@Component({
selector: 'import-doc',
- template: `
-
`
+ template: `
`
})
export class ImportDoc {
@Input() id: string;
diff --git a/src/app/showcase/doc/overlay/modedoc.ts b/src/app/showcase/doc/overlay/modedoc.ts
index 5492944c827..fd3fbb12eb2 100644
--- a/src/app/showcase/doc/overlay/modedoc.ts
+++ b/src/app/showcase/doc/overlay/modedoc.ts
@@ -3,8 +3,7 @@ import { Code } from '../../domain/code';
@Component({
selector: 'mode-doc',
- template: `
-
+ template: `
It has two valid values; overlay and modal. In overlay mode, a container element is opened like overlaypanel or dropdown's panel. In modal mode, the container element behaves like popup. This behaviour is similar to a
dialog component.
@@ -13,7 +12,6 @@ import { Code } from '../../domain/code';
`
})
export class ModeDoc {
-
code: Code = {
typescript: `
import { PrimeNGConfig, OverlayOptions } from 'primeng/api';
diff --git a/src/app/showcase/doc/overlay/responsivedoc.ts b/src/app/showcase/doc/overlay/responsivedoc.ts
index acbe6ea05bd..8ad7ffe5baa 100644
--- a/src/app/showcase/doc/overlay/responsivedoc.ts
+++ b/src/app/showcase/doc/overlay/responsivedoc.ts
@@ -4,8 +4,7 @@ import { AppDocSectionTextComponent } from '../../layout/doc/app.docsectiontext.
@Component({
selector: 'responsive-doc',
- template: `
-
+ template: `
It is the option used to determine in which mode it should appear according to the given media or breakpoint.
diff --git a/src/app/showcase/doc/overlay/styledoc.ts b/src/app/showcase/doc/overlay/styledoc.ts
index 765e3c1f433..d17d470cc60 100644
--- a/src/app/showcase/doc/overlay/styledoc.ts
+++ b/src/app/showcase/doc/overlay/styledoc.ts
@@ -2,9 +2,8 @@ import { Component, Input, ViewChild } from '@angular/core';
@Component({
selector: 'style-doc',
- template: `
-
- The style and styleClass are used to define styles that will be added to all overlay components. In addition, it can be used in contentStyle and contentStyleClass classes.
- `
+ template: `
+ The style and styleClass are used to define styles that will be added to all overlay components. In addition, it can be used in contentStyle and contentStyleClass classes.
+ `
})
export class StyleDoc {}
diff --git a/src/app/showcase/doc/overlay/targetdoc.ts b/src/app/showcase/doc/overlay/targetdoc.ts
index 2834f863591..4bf22c6e83d 100644
--- a/src/app/showcase/doc/overlay/targetdoc.ts
+++ b/src/app/showcase/doc/overlay/targetdoc.ts
@@ -3,8 +3,7 @@ import { Code } from '../../domain/code';
@Component({
selector: 'target-doc',
- template: `
-
+ template: `
The target is used to detect the element that will be used to position the overlay. Valid values would be;
diff --git a/src/app/showcase/doc/overlay/templatedoc.ts b/src/app/showcase/doc/overlay/templatedoc.ts
index 5e678abfcaa..31efda6cfce 100644
--- a/src/app/showcase/doc/overlay/templatedoc.ts
+++ b/src/app/showcase/doc/overlay/templatedoc.ts
@@ -3,8 +3,7 @@ import { Code } from '../../domain/code';
@Component({
selector: 'overlay-template-demo',
- template: `
-
+ template: `
Content can be customized with the content template.
diff --git a/src/app/showcase/doc/overlay/transitionoptionsdoc.ts b/src/app/showcase/doc/overlay/transitionoptionsdoc.ts
index 40feb793b84..450a2063170 100644
--- a/src/app/showcase/doc/overlay/transitionoptionsdoc.ts
+++ b/src/app/showcase/doc/overlay/transitionoptionsdoc.ts
@@ -3,9 +3,8 @@ import { AppDocSectionTextComponent } from '../../layout/doc/app.docsectiontext.
@Component({
selector: 'transition-options-doc',
- template: `
-
- Transition options of the show or hide animation. The default value of showTransitionOptions is '.12s cubic-bezier(0, 0, 0.2, 1)' and the default value of hideTransitionOptions is '.1s linear'.
- `
+ template: `
+ Transition options of the show or hide animation. The default value of showTransitionOptions is '.12s cubic-bezier(0, 0, 0.2, 1)' and the default value of hideTransitionOptions is '.1s linear'.
+ `
})
export class TransitionOptionsDoc {}