Focus Trap Component
Angular PrimeNG Focus Trap Component is used to maintain focus on certain DOM elements while we tab with the tab key.
|
Components |
Descriptions |
|---|---|
| Focus Trap Input |
Focus Trap input focuses on the input element when it is accessed either by tab key or by clicking on it. |
| Focus Trap Float Label |
This class is used to float the input label when focusing on a certain DOM element while tabbing. |
| Focus Trap Disabled Input |
It specifies that the component should be disabled. It is of the boolean data type, the default value is false. |
| Focus Trap Input with tabindex -1 |
It describes an element’s tab order while navigating with the “tab” button. |
| Focus Trap Button |
Angular PrimeNG Focus Trap is used to specify whether elements can only focus on elements inside the dialog. It is of the boolean datatype, the default value is true. |
| Focus Trap Disabled Button |
It specifies the button to be disabled if the value is set to true. The default value is false. |
| Focus Trap Button with tabindex -1 |
It describes an element’s tab order while navigating with the “tab” button. |
| Focus Trap Dropdown |
Focus Trap dropdown focuses on the element when any value is selected from the dropdown menu. |
| Focus Trap Editor |
Focus Trap is used to maintain focus on certain DOM elements while we tab with the tab key. |
| Focus Trap Properties |
It specifies that the component should be disabled. It is of the boolean data type, the default value is false. |
Angular PrimeNG Directives Complete Reference
Angular PrimeNG Directives provides various components, such as defer, Focus Trap, StyleClass, & Ripple, that facilitate the different effects on the component, while loading the content, along with including the animation styling to make interactive web applications, along with enhancing the user experience.
The complete list of Directives Components is listed below with their brief description: