https://github.com/istvan-ujjmeszaros/touchspin-angular
https://github.com/istvan-ujjmeszaros/touchspin-angular
Last synced: 6 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/istvan-ujjmeszaros/touchspin-angular
- Owner: istvan-ujjmeszaros
- License: other
- Created: 2025-10-15T00:06:59.000Z (13 days ago)
- Default Branch: main
- Last Pushed: 2025-10-15T01:12:05.000Z (13 days ago)
- Last Synced: 2025-10-15T08:09:31.913Z (13 days ago)
- Language: TypeScript
- Size: 87.9 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
- fucking-awesome-angular - touchspin-angular - Angular adapter for the <b><code> 503⭐</code></b> <b><code> 155🍴</code></b> [TouchSpin](https://github.com/istvan-ujjmeszaros/touchspin)) number input component with per-renderer support. (Third Party Components / Form Controls)
- awesome-angular - touchspin-angular - Angular adapter for the [TouchSpin](https://github.com/istvan-ujjmeszaros/touchspin) number input component with per-renderer support. (Third Party Components / Form Controls)
README
# TouchSpin Angular
Angular adapter for the TouchSpin number input component with per-renderer support.
## Features
- ✅ Native Angular components with `ControlValueAccessor`
- ✅ Reactive and template-driven forms support
- ✅ Per-renderer subpath imports (Bootstrap 3/4/5, Tailwind, Vanilla)
- ✅ Standalone components (Angular 14+)
- ✅ SSR/Angular Universal compatible
- ✅ Full keyboard navigation and ARIA attributes
- ✅ Comprehensive test coverage
## Installation
```bash
yarn add @touchspin/angular @touchspin/core @touchspin/renderer-bootstrap5
```
## Quick Start
```typescript
import { Component } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { TouchSpinBootstrap5Component } from '@touchspin/angular/bootstrap5';
@Component({
selector: 'app-root',
standalone: true,
imports: [FormsModule, TouchSpinBootstrap5Component],
template: `
Quantity: {{ quantity }}
`
})
export class AppComponent {
quantity = 10;
}
```
## Documentation
See the [package README](./packages/angular/README.md) for complete documentation, API reference, and examples.
## Development
```bash
# Install dependencies
yarn install
# Build the library
yarn build
# Run tests
yarn test
# Run tests with coverage
yarn test:coverage
# Run tests in watch mode
yarn test:watch
```
## Package Structure
```
touchspin-angular/
├── packages/
│ ├── angular/ # Main adapter package
│ └── examples/ # Example applications
```
## License
MIT © TouchSpin Contributors