UX <> UI Reusable Component Library: Empowering Design and Development

Welcome to our dedicated Confluence page for our UX <> UI Reusable Component Library! This central hub is designed to streamline our design and development processes by providing a comprehensive collection of reusable components for both user experience (UX) and user interface (UI) elements.

Here, our team can access a wide range of reusable components, including buttons, forms, navigation menus, cards, and more. Each component is meticulously crafted to align with our design system and brand guidelines, ensuring consistency and coherence across all our digital products and platforms.

Key Features:

1. Easy Navigation: Browse through our library with ease using intuitive categorization and search functionality.

2. Comprehensive Documentation: Gain insights into each component's purpose, usage guidelines, accessibility considerations, and design rationale.

3. Version Control: Stay updated with the latest versions of components and track changes over time.

4. Collaboration Tools: Share feedback, suggest improvements, and collaborate with team members to enhance our component library continuously.

5. Customization Options: Explore variations and customization options to adapt components to specific project requirements while maintaining consistency.

By leveraging our reusable component library, our team can accelerate development timelines, reduce redundancy, and uphold design integrity across all our projects. Whether you're a designer seeking inspiration or a developer looking for ready-to-use solutions, this Confluence page serves as your one-stop destination for all things UX <> UI.

Let's collaborate, innovate, and elevate our digital experiences together!

Library Table:

EPIC: https://auperator.atlassian.net/browse/BB-6221

Component/ Element Image	UI component in the repo	Status	Figma link	Author	Document

Component/ Element Image	UI component in the repo	Status	Figma link	Author	Document
Open	selector: 'app-new-header'	Ready to use	https://www.figma.com/proto/LURem3BZz7dFNbUTvN6hDj/WIP-%7C-Nov-2023?page-id=11594%3A1589&node-id=11594-1590&viewport=2336%2C-3233%2C0.92&t=DjPSuOxDieav3UJv-1&scaling=min-zoom	@Aman Singh	https://auperator.atlassian.net/wiki/spaces/SDE/pages/4546887682/Reusable+Components+Segment+Smart+Segment+My+View+Filters+and+Chips
Open	selector: 'app-segments'	Ready to use	https://www.figma.com/proto/LURem3BZz7dFNbUTvN6hDj/WIP-%7C-Nov-2023?page-id=11594%3A1589&node-id=11594-1590&viewport=2336%2C-3233%2C0.92&t=DjPSuOxDieav3UJv-1&scaling=min-zoom	@Aman Singh	https://auperator.atlassian.net/wiki/spaces/SDE/pages/4546887682/Reusable+Components+Segment+Smart+Segment+My+View+Filters+and+Chips
Open	selector: 'app-reusable-filter'	Ready to use	https://www.figma.com/proto/LURem3BZz7dFNbUTvN6hDj/WIP-%7C-Nov-2023?page-id=11594%3A1589&node-id=11594-1590&viewport=2336%2C-3233%2C0.92&t=DjPSuOxDieav3UJv-1&scaling=min-zoom	@Aman Singh	Reusable Filter Documentation
Open	[tooltip]="smartSeg?.description" [options]="TOOLTIP_CONFIG reusableTooltip	Ready to use	https://www.figma.com/proto/LURem3BZz7dFNbUTvN6hDj/WIP-%7C-Nov-2023?page-id=11594%3A1589&node-id=11594-19299&viewport=2336%2C-3233%2C0.92&t=DjPSuOxDieav3UJv-1&scaling=min-zoom	@Aman Singh	Reusable Tooltip Directive Documentation
Open	PreviewImageComponent	Ready to use	https://www.figma.com/proto/Bj86NJrT3bQL9ZK4LKHCY1/WIP-May-2024?page-id=4450%3A63&node-id=6921-21235&node-type=frame&viewport=3784%2C-1281%2C0.5&t=d1OYOLsE6Pj56Wyo-1&scaling=min-zoom&content-scaling=fixed	@savan surani	Preview Image Component Documentation
Open	<app-sub-navigation-bb [showLocationList]="false" [parent]="'billing'" ></app-sub-navigation-bb>	Ready to use	--	@Aman Singh / @savan surani	Reusable Sub-Navigation Component