Lyne Components

Lyne Components are the building blocks of the Lyne Design System and are based on standard compliant Web Components created using Lit and browsable through Storybook

🎯 Our aim

To fulfill our Vision, we are building and maintaining Lyne, our Design System, which is and acts as our common language — our Single Source of Truth. For this purpose we use Design Tokens as our design abstractions. Those Design Tokens are consumed by Lyne Components and are integrated within our documentation.

Lyne Design Tokens and Lyne Components are available for developers and designers.

📚 Documentation

• General docs: digital.sbb.ch
• Component docs: Storybook
• Getting started guide

🔗 Packages

| Package | Description | | ---------------------------------- | --------------------------------------------------------------------------- | | @lyne-esta/elements | Web components built on top of the Lyne Design System | | @lyne-esta/elements-experimental | Web components that do not yet align with our architecture or testing goals | | @lyne-esta/react | React wrappers for @lyne-esta/elements | | @lyne-esta/react-experimental | React wrappers for @lyne-esta/elements-experimental |

• NPM Packages

🖥 Browser and screen reader support

This library supports the most recent two versions of all major browsers: Chrome (including Android), Firefox, Safari (including iOS), and Edge.

We aim for great user experience with the following screen readers:

Windows: NVDA and JAWS with FF / Chrome. macOS: VoiceOver with Safari / Chrome. iOS: VoiceOver with Safari Android: Android Accessibility Suite (formerly TalkBack) with Chrome.

🙌 Contributing

• General contribution guide
• Developer guide for developers to get started working with this repo.
• Coding standards for developers.
• Code of conduct

📝 License

This software is published by SBB-CFF-FFS under the MIT licence and unsupported unless otherwise clearly stated. Use at your own risk.