Adaptive Horizontal Tab Menu
EN
This is a small component which is an adaptive horizontal tab menu. In the case when the menu does not fit the width, to the right of it there is an auxiliary drop-down menu with a full list of the main menu items, and the position of the main menu is adapted to the screen so that the selected item is always in the visible area.
You need to install jQuery module: npm install jquery
Documentation:
RU
ΠΡΠΎ ΠΌΠ°Π»Π΅Π½ΡΠΊΠΈΠΉ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΈΠ· ΡΠ΅Π±Ρ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΠΎΠ΅ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ ΡΠ°Π±ΠΎΠ². Π ΡΠ»ΡΡΠ°Π΅, ΠΊΠΎΠ³Π΄Π° ΠΌΠ΅Π½Ρ Π½Π΅ Π²Π»Π΅Π·Π°Π΅Ρ ΠΏΠΎ ΡΠΈΡΠΈΠ½Π΅, ΡΠΏΡΠ°Π²Π° ΠΎΡ Π½Π΅Π³ΠΎ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°ΡΠ΅Π»ΡΠ½ΠΎΠ΅ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π΅ ΠΌΠ΅Π½Ρ Ρ ΠΏΠΎΠ»Π½ΡΠΌ ΡΠΏΠΈΡΠΊΠΎΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ³ΠΎ ΠΌΠ΅Π½Ρ, ΠΏΡΠΈ ΡΡΠΎΠΌ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ³ΠΎ ΠΌΠ΅Π½Ρ Π°Π΄Π°ΠΏΡΠΈΡΡΠ΅ΡΡΡ ΠΏΠΎΠ΄ ΡΠΊΡΠ°Π½ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π²ΡΠ΅Π³Π΄Π° Π½Π°Ρ ΠΎΠ΄ΠΈΠ»ΡΡ Π² Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ.
ΠΠ΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ jQuery ΠΌΠΎΠ΄ΡΠ»Ρ: npm install jquery
ΠΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ: