https://github.com/dwndland/chapter-ang-controls
This project is a library for Angular controls targeting WPF/XAML developers.
https://github.com/dwndland/chapter-ang-controls
angular controls html wpf xaml
Last synced: 10 months ago
JSON representation
This project is a library for Angular controls targeting WPF/XAML developers.
- Host: GitHub
- URL: https://github.com/dwndland/chapter-ang-controls
- Owner: dwndland
- Created: 2025-03-21T09:25:09.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2025-03-24T14:19:02.000Z (10 months ago)
- Last Synced: 2025-03-24T15:26:25.718Z (10 months ago)
- Topics: angular, controls, html, wpf, xaml
- Language: TypeScript
- Homepage:
- Size: 170 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
# Chapter Ang Controls
This project is a library for Angular controls targeting WPF/XAML developers.
## Installation
To install the library, use npm:
```bash
npm install chapter-ang-controls
```
## Usage
### DockPanel
The `DockPanel` arranges its child elements by docking them to the top, bottom, left, or right edges of the panel. The last child fills the remaining space.
```html
Top
Bottom
Left
Right
Center
```
---
### Grid
The `Grid` component allows you to arrange child elements in a flexible grid layout. You can specify the column and row for each child, as well as how many columns or rows the child spans.
```html
Column 1 Row 1
Column 2 Row 1
Column 3 Row 1
Column 1 Row 2
Column 2 Row 2
Column 3 Row 2
Column 1 ColumnSpan 2 Row 3
Column 2 ColumnSpan 2 Row 4
```
---
### StackPanel
The `StackPanel` arranges its child elements in a single line, either horizontally or vertically, based on the `orientation` property.
```html
Item 1
Item 2
Item 3
Item 1
Item 2
Item 3
```
---
### UniformGrid
The `UniformGrid` arranges its child elements in a grid with equal-sized rows and columns.
```html
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
```
---
### WrapPanel
The `WrapPanel` arranges its child elements in rows or columns that wrap when there is insufficient space.
```html
Item 1
Item 2
Item 3
Item 4
Item 1
Item 2
Item 3
Item 4
```
---
## License
This project is licensed under the MIT License.