• Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

Example of Keyboard Interaction in ASP.NET Core Accordion Control

This demo showcases the keyboard shortcuts applicable on Accordion.

DEMO
SOURCE
Below key combinations can be used in Accordion to initiate various actions.
  • Focus
    • Alt + J - Focuses on the first component of the demo.
    • Home - Focus the first Accordion header.
    • End - Focus the last Accordion header.
    • Down arrow - Focus the next Accordion header.
    • Up arrow - Focus the previous Accordion header.
  • Expand and Collapse
    • Enter or Space - Expand and collapse when the focus is on the Accordion header.