Как, используя compose, kotlin multiplatform, decompose, model-view-intent, реализовать навигацию по табам.
Выбор активной вкладки (остальные автоматически переходят в спящий режим).
Перемещение вкладки (с анимацией вытеснения).
Закрытие вкладки (с освобождением ресурсов).
Была на Хабре статья о реализации табов на чистом CSS, которую автор удалил (видимо, из-за незавершённости решения), скрыв при этом все комментарии. На основе решения, благодаря авторской наработке я устранил один из пользовательских недостатков и опукбликовал в комментарии. Поведение табов стало обычным, по клику на табе (или кнопке, смотря как назвать), он подсвечивался без свойства :focus и оставался подсвеченным после отведения мыши. Чтобы не терять из виду то и другое решения и для продолжения их развития, приведу копии их. Решение автора makzimko скопирвано в песочницу, сохранив все необходимые свойства. Дополнение — в модификации там же.(ЧемЧитать полностью »
Здравствуйте уважаемые читатели! Сегодня я Вам хочу рассказать о том как с помощью HTML i CSS сделать красивые и очень простые табы, такие как изображённые на картинке ниже.
ШАГ 1: Пишем HTML документ
Начнём с написания HTML-кода. Он довольно простой, рассчитан на 5 вкладок, поэтому в нём будет всего лишь два списка с пьятьма позициями в каждом. В первом списке в каждом пункте вписываем ссылку на вкладку, а во втором — идентификаторы вкладок.
Здравствуйте уважаемые читатели! Сегодня я Вам хочу рассказать о том как с помощью HTML i CSS сделать красивые и очень простые табы, такие как изображённые на картинке ниже.
ШАГ 1: Пишем HTML документ
Начнём с написания HTML-кода. Он довольно простой, рассчитан на 5 вкладок, поэтому в нём будет всего лишь два списка с пьятьма позициями в каждом. В первом списке в каждом пункте вписываем ссылку на вкладку, а во втором — идентификаторы вкладок.
