ng-lightning — это набор нативных компонентов и директив для фреймворка Angular, реализующий внешний вид и поведение, ориентированные на стиль Salesforce Lightning Design System (SLDS). Проект предоставляет компоненты пользовательского интерфейса, стилизованные в соответствии с визуальными и интерактивными паттернами SLDS, чтобы разработчики могли создавать приложения с единым интерфейсным языком, близким к решениям Salesforce. История проекта связана с потребностью сообществ разработчиков Angular в готовых компонентах, совместимых с корпоративным дизайном и стандартами доступности.
Наличие ng-lightning ускоряет разработку интерфейсов за счёт переиспользуемых компонентов, единообразной типографики, отступов и поведений элементов управления. В случае ограниченности публичной документации по конкретной реализации некоторые реализации и форки могут различаться по набору компонентов и степени соответствия оригинальным спецификациям SLDS. В общем виде библиотека служит прослойкой между Angular-приложением и дизайнерскими руководствами, обеспечивая декларативное использование компонентов через шаблоны и директивы.
- Компоненты пользовательского интерфейса: коллекция готовых контролов (кнопки, поля ввода, меню, карточки, табы и другие элементы), оформленных в стиле SLDS и адаптированных под Angular.
- Директивы и привязки: набор директив для управления поведением компонентов, валидацией, доступностью и интеграцией с формами Angular.
- Совместимость с темами: поддержка стилизации и кастомизации внешнего вида через переменные и темы, позволяющая адаптировать внешний вид под бренд-палитру.
- Адаптивность и отклик: реализация отзывчивой вёрстки и паттернов, обеспечивающих корректное отображение на разных устройствах и размерах экрана.
- Доступность: внимание кARIA-атрибутам и клавиатурной навигации для соответствия базовым требованиям доступности пользовательского интерфейса.
- Документация и примеры: примеры использования компонентов в шаблонах Angular, демонстрации и справочные материалы (доступность документации зависит от конкретного форка/поддержки).
- Интеграция с формами: поддержка реактивных и шаблонных форм Angular, валидации и отображения статусов ошибок в стиле SLDS.
- Модульная структура: компоненты организованы в модули для удобного импорта только необходимых частей в приложение.
- Соответствие паттернам SLDS: стремление к повторению визуальных и поведенческих шаблонов Salesforce Lightning Design System, при этом возможны отличия в деталях реализации.
- Сообщество и расширяемость: возможность форков и внесения вкладов, что типично для библиотек с открытым исходным кодом и поддерживает адаптацию под специфические требования проектов.