[Question]: How can I use the Angular wrapper?

[cetide]

Preflight Checklist

• I have read the Contributing Guidelines for this project.
• I agree to follow the Code of Conduct that this project adheres to.
• I have searched the issue tracker for an issue that matches the one I want to file, without success.

It affects the following packages

Other

Your Question

How can I use the Angular wrapper?

Give us a summary about your question

As far as I understand the Angular wrapper got released recently. I can't find any documentation how to use it.

Provide as much useful information as you can

No response

[jeripeierSBB]

Hi @cetide
Thank you for your request. Currently we are still in an alpha phase and therefore we decided to postpone updating the getting started. But for sure we will update documentation as soon as we consider it stable enough.
If you like to start now, see https://www.npmjs.com/package/@sbb-esta/lyne-angular or https://github.com/sbb-design-systems/lyne-angular.
Starting should be easy: install the library, include / import standard-theme.css in styles.scss or angular.json and start using the components (no need to import "CUSTOM_ELEMENTS_SCHEMA").

[cetide]

Hi @jeripeierSBB, thanks for the infos.

is there a rough plan for when a stable version might be released? We are starting with a new Angular app in this PI and I might try out the Angular wrapper in its alpha phase.

[jeripeierSBB]

We think we expect a beta release at the end of February and a stable release around end of March. Feedback to the alpha or beta releases are very welcomed :)

[cetide]

Hi @jeripeierSBB,

I’m trying to use version 19.0.0-alpha.3 of @sbb-esta/lyne-angular but have encountered two issues.
For context, @sbb-esta/angular and @sbb-esta/lyne-elements are not installed to avoid side effects.

1. I couldn't find standard-theme.css in the package. How would the style import look like?
2. I'm struggling to use elements like <sbb-button> in a component template. I receive the error 'sbb-button' is not a known element, which suggests a missing import. However, attempting to import it using import { SbbButton } from '@sbb-esta/lyne-angular/button/button'; does not work.

[jeripeierSBB]

Hi @cetide .

Thank you for your feedback. Lyne-elements must be installed (lyne-angular is only a wrapper which uses lyne-elements). But this should be done automatically. The standard_theme.css lays in the lyne-elements package as well.

Maybe you could create a small reproduction for better understanding. At least such simple scenarios did work well during our tests. Thank you

[cetide]

Hi @jeripeierSBB,

Thanks for the support, I got it to work by installing the lyne-elements package.