@cocokits/angular-toggle

The @cocokits/angular-toggle package provides a simple yet effective component for managing binary options in your Angular applications. The ToggleComponent is designed to allow users to switch between an "on" or "off" state, making it ideal for activating or deactivating settings and features. This component integrates seamlessly with various design system themes, ensuring a consistent and visually cohesive experience across different application styles.

This package includes the following component:

• ToggleComponent

ToggleComponent

The ToggleComponent is a flexible UI control that lets users toggle a single option on or off. It is commonly used for enabling or disabling settings in forms, preferences, or feature controls.

Features:

• Binary Control: Provides a straightforward way to manage on/off states for various settings or features.

• Theming Compatibility: Integrates smoothly with different design system themes, ensuring visual consistency across your application.

• Customizable: Allows for easy styling and customization, making it adaptable to different user interfaces and design requirements.

Styling and Theming

The @cocokits/angular-toggle package does not include built-in styles. However, it applies CSS classes based on your configuration, allowing for easy customization with your own CSS or by applying ready-made themes from CocoKits.

CocoKits provides a flexible theming system, or you can style the ToggleComponent yourself using custom CSS or SCSS.

Documentation and Example

For detailed usage examples, configuration options, and additional documentation, visit the following link:

• ToggleComponentt