Home / Companies / Port / Blog / Post Details
Content Deep Dive

Custom Widgets: Build Your Own UI Components inside Port

Blog post from Port

Post Details
Company
Date Published
Author
Naama Ben Oliel Ronen
Word Count
1,382
Language
English
Hacker News Points
-
Summary

Custom Widgets in Port allow platform teams to create their own frontend components and integrate them natively within Port, providing full access to catalog data, permissions, and real-time context. These widgets are designed to complement existing Port widgets, which cover basic functionalities like tables and charts, by enabling organizations to build unique visualizations and interfaces tailored to their specific processes and data models. By developing Custom Widgets, platform teams can avoid previous workarounds such as embedding HTML in Markdown or using external iframes, which often resulted in a fragmented user experience. The process involves writing the widget in a preferred development environment, uploading it via the Port Plugins CLI, and configuring it within the Port interface, allowing for seamless integration into dashboards or entity pages. This flexibility empowers teams to construct interfaces like deployment calendars or incident timelines that are intimately aware of their organizational context, thus enhancing the platform's adaptability and user experience.