@smart-webcomponents-angular/buttongroup/README.md

[](https://jqwidgets.com/license/)

# Smart.ButtonGroup for Angular is part of the jQWidgets Smart UI Components Library for Angular.
 Smart.ButtonGroup represents a feature-complete, responsive and touch friendly Angular ButtonGroup component. 
 > This is a commercial product and requires a paid license for use. You can purchase a license at https://www.jqwidgets.com/license/ or start a free 30-day trial.
> 
 ## Angular 13 support
 
 The Smart UI for Angular components are packaged using the latest Angular Package Format guidelines. 
 
 ## Resources
 * [Getting Started](https://www.htmlelements.com/docs/angular-cli/)
* [View Online Demos](https://www.htmlelements.com/angular/)

 ## Highlights
 ### Enterprise features for Angular
 The Smart UI for Angular library includes accessibility features(WAI-ARIA, Section 508), Localization, RTL, Keyboard Navigation.
 ### Modular architecture
 All components are built as modules so only the components and features you need are imported in your application.
 ### Blazing Fast
 All components are built from scratch in order to achieve the best performance and user experience.
 ### Responsive, Touch & mobile friendly
 Our components come with built-in device and browser detection. A component automatically adjusts itself for optimal user experience.
 ## Showcase Applications
 * [Admin Template](https://www.htmlelements.com/demos/page-templates/admin-template/)
 * [Admin Template 2](https://www.htmlelements.com/demos/page-templates/admin-template-2/)
 * [Admin Template 3](https://www.htmlelements.com/demos/page-templates/admin-template-3/)
 ## Support
 Product support is available for through following mediums.
 * [Community forum](https://www.htmlelements.com/forums/).
 * New [GitHub issue](https://github.com/htmlelements/smart-webcomponents/issues/new).
 * Support e-mail: support@jqwidgets.com
 ## Usage
 * Download and install the package
 ```javascript
npm install @smart-webcomponents-angular/buttongroup
 ```
 * Adding CSS reference
 
The CSS files are available in ../node_modules/@smart-webcomponents-angular/buttongroup/styles/ folder.
```javascript
"styles": [
	"node_modules/@smart-webcomponents-angular/buttongroup/styles/smart.base.css",
	"node_modules/@smart-webcomponents-angular/buttongroup/styles/smart.buttongroup.css",
	"node_modules/@smart-webcomponents-angular/buttongroup/styles/smart.common.css"
]

If you use more than one Smart UI component in your application, firstly add 'smart.base.css', then your components css files like 'smart.grid.css', 'smart.scheduler.css' and finally 'smart.common.css'. 
```
 * Add the Component Module in your application

```typescript
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { ButtonGroupModule } from '@smart-webcomponents-angular/buttongroup';

import { AppComponent } from './app.component';

@NgModule({
    declarations: [ AppComponent ],
    imports: [ BrowserModule, ButtonGroupModule ],
    bootstrap: [ AppComponent ],
	entryComponents: [ AppComponent ]
})

export class AppModule { }
``` 
 
 
 ## License
 Check the license detail [here](https://jqwidgets.com/license/).
 ## Release Notes
 Check the release notes [here](https://www.htmlelements.com/docs/release-notes/)
     © Copyright 2022 jQWidgets, Ltd. All Rights Reserved.