Sbb Angular
Angular Library for SBB
Overview
The SBB Components and Design for Angular is a robust Angular component library designed specifically for SBB websites and applications. This library aims to enhance user experience by providing a collection of reusable components that align with modern design specifications. With a strong focus on accessibility, the library caters to various user needs, making it a valuable asset for developers working within the SBB ecosystem.
The inclusion of advanced features, such as a map component leveraging MapLibre, positions this library as a comprehensive solution for public transport data visualization and user interaction. Developed to support the latest in web standards, the library shines in providing a seamless experience across different devices and platforms.
Features
- Angular Integration: Easily integrate with Angular applications using the command
ng add @sbb-esta/angularfor quick setup. - Map Component: Utilize a MapLibre-based map component for displaying public transport data, enhancing user navigation and information accessibility.
- Cross-Browser Support: Compatible with the latest versions of major browsers, including Chrome, Firefox, Safari, and Edge, ensuring a wide reach.
- Comprehensive Accessibility: Optimized for various screen readers such as NVDA, JAWS, and VoiceOver, making the library accessible to all users.
- User Experience Focus: Designed with a strong emphasis on user experience, enhancing usability for both everyday users and those with accessibility needs.
- Continuous Testing: Supported by robust testing practices to ensure reliability and performance across different platforms and devices.
- Responsive Design: Tailored components that adjust beautifully across devices, providing a consistent look and feel regardless of screen size.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Rollup
RollupJS is a popular and efficient JavaScript module bundler that takes the code from multiple modules and packages them into a single optimized file, minimizing the overall size of the application and improving its performance.
- Stylelint
Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
