CommunityToolkit / CommunityToolkit/Labs-Windows

🧪 [Experiment] TokenView

Open
#427 13 comments 12 reactions 0 assignees View on GitHub
experiment :test_tube:
Dominant language
C#
Stars
482
Forks
89
PR merge metrics
No merged PRs in 30d

Description

### Approved from Discussion

https://github.com/CommunityToolkit/Labs-Windows/discussions/323

### Problem Statement

An easy way to visualize filters / selected data / options.

### Overview

This experiment adds the following components:
- **TokenView**
- **TokenItem**

### Using

You can try it out via the NuGet Packages here:
- UWP: https://dev.azure.com/dotnet/CommunityToolkit/_artifacts/feed/CommunityToolkit-Labs/NuGet/CommunityToolkit.Labs.Uwp.TokenView
- WinUI 3: https://dev.azure.com/dotnet/CommunityToolkit/_artifacts/feed/CommunityToolkit-Labs/NuGet/CommunityToolkit.Labs.WinUI.TokenView
Read more about [Preview Packages here](https://aka.ms/wct/wiki/previewpackages).

**Code**
```xml




























```

**Result**
![TokenV](https://user-images.githubusercontent.com/9866362/233386908-009022d2-42a2-4021-b785-35ffe0facf32.gif)

**Documentation & samples**
https://github.com/CommunityToolkit/Labs-Windows/tree/main/components/TokenView/samples

### Additional info

_No response_

```[tasklist]
### Implementation Requirements
- [X] Working Prototype
- [X] Feature Complete
- [X] Documentation
- [X] Samples
- [ ] Unit Tests
- [ ] Community Feedback / Usage Testimonies
```

```[tasklist]
### Tested Platforms
- [x] UWP
- [x] WinAppSDK / WinUI 3
- [x] Web Assembly (WASM)
- [ ] Android
- [ ] iOS
- [ ] MacOS
- [ ] Linux / GTK
```

```[tasklist]
### Technical Review
- [ ] Accessibility Audit
- [ ] API/Naming Review
- [ ] Code Quality/Style
- [ ] Dependency Review
- [ ] Design/Style Review
- [ ] Final Approval
```

### Community Help?

None

Contributor guide

Open the contributing guide

Research direction

Start by reading the TokenView samples in components/TokenView/samples and reviewing the existing TokenView and TokenItem experiment. Compare the implementation with the unchecked requirements, especially unit tests and technical review items; done means the selected scope is implemented and the corresponding checklist items are completed.

Written by the indexing model from the issue text.

Assessment

Tech stack
csharp
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.