Flexi Button

Overview

The Flexi Button is an incredibly adaptable button component designed specifically for Angular applications. With its customizable features and ease of integration, it serves as a robust solution for developers looking to enhance user interactions within their applications. Whether you need a simple button with text or a more complex option that includes icons and loading states, the Flexi Button can meet your needs and preferences.

What sets the Flexi Button apart is its seamless integration with Google Material Symbols, allowing developers to use a variety of icons effortlessly. Additionally, its ability to customize size, color, and even corner rounding provides a high degree of flexibility for creating visually appealing buttons that fit perfectly into any design.

Features

• Supports Text, Icon, or Both: Choose between displaying just text, just an icon, or combining both for maximum clarity and functionality.
• Integration with Google Material Symbols: Effortlessly use a wide range of icons to enhance the button's visual appeal and functionality.
• Customizable Size, Color, and Rounded Corners: Tailor the button's dimensions and appearance to suit your design standards, whether it's large and bold or small and subtle.
• Built-in Loading State: Display a loading spinner instead of content, which provides users with visual feedback during processing times.
• Tooltip Functionality: Enhance user experience by displaying tooltips with customizable text on hover, offering additional context without cluttering the interface.
• Flexible Color Options: Choose from a comprehensive palette including primary, success, danger, and many more to match your application's theme.
• Variety of Size Options: Adjust button size to small, medium, or large, offering versatility depending on your layout needs.
• Rounded Corners Option: Enable rounded corners for a softer look and feel, aligning with modern UI design trends.