Get started with Angular
Use Seam Components with Angular
Overview
This guide will show you how to use Seam Components inside an Angular application. Seam Components are implemented in React, but may be used anywhere as native web components.
1 - Get a Publishable Key from the Seam Console
To access the Seam API, you'll need a publishable key. This key identifies your application when making requests to Seam and is safe to embed in your frontend code.
Go to console.seam.co and select "Client Sessions" from the sidebar. You should then see a "Publishable Key" that you can copy.
2 - Install @seamapi/react
in your Angular application
@seamapi/react
in your Angular applicationInstall the npm package
Then import the custom elements bundle in you main.ts
application entrypoint:
3 — Wrap the web component in an Angular module
Create a new module named supported-device-table.module.ts
with
4 - Use the component
Include the new module in app.module.ts
:
Then use it in app.component.html
:
You should see a list of device models like what's shown below:
Next Steps
Minimal sample app running Seam Web Components in Angular.
Start connecting devices using Client Side Components or with Client Session Tokens.
View and play with other components in the interactive storybook component library
Check out some Full Example Apps
If you have any questions or want to report an issue, email us at support@seam.co.
Last updated