---
# System prepended metadata

title: Planning

---

# Planning

## Problem statement
[The UI Frameworks team reccomends that dotcom engineers use Primer ViewComponents to implement user interfaces](https://thehub.github.com/news/2021-03-31-building-consistent-ui-with-view-components/#what-can-viewcomponents-do). There are some notiable missing components from PVC that have resulted in engineers building their own ViewComponents within `github/github` or have chosen not to use ViewComponents.

## Proposed solution
The team will build Primer ViewComponents from the this prioritized list:
-  DialogComponent ([https://github.com/github/details-dialog-element](https://github.com/github/details-dialog-element))
-  MenuComponent ([https://github.com/github/details-menu-element](https://github.com/github/details-menu-element))
	-  MenuSummaryComponent
-   LocalTimeComponent ([https://github.com/github/time-elements](https://github.com/github/time-elements))
-   ClipboardCopy ([https://github.com/github/clipboard-copy-element](https://github.com/github/clipboard-copy-element))
-   FileAttachmentComponent ([https://github.com/github/file-attachment-element](https://github.com/github/file-attachment-element))
-   TaskListComponent ([https://github.com/github/task-lists-element](https://github.com/github/task-lists-element))
-   MarkdownToolbarComponent ([https://github.com/github/markdown-toolbar-element](https://github.com/github/markdown-toolbar-element))
-   ImageCropComponent ([https://github.com/github/image-crop-element](https://github.com/github/image-crop-element))

<!--
## Ships
- By the end of April we've added 3 components to Primer ViewComponents from the prioritized list
    - ImageCropComponent ([https://github.com/github/image-crop-element](https://github.com/github/image-crop-element))
	- DialogComponent ([https://github.com/github/details-dialog-element](https://github.com/github/details-dialog-element))
- By the end of May we've added 3 components to Primer ViewComponents from the prioritized list
	- LocalTimeComponent ([https://github.com/github/time-elements](https://github.com/github/time-elements))
	- ClipboardCopy ([https://github.com/github/clipboard-copy-element](https://github.com/github/clipboard-copy-element))
	- FileAttachmentComponent ([https://github.com/github/file-attachment-element](https://github.com/github/file-attachment-element))
- By the end of June we've added 3 components to Primer ViewComponents from the prioritized list
	- TaskListComponent ([https://github.com/github/task-lists-element](https://github.com/github/task-lists-element))
	- MarkdownToolbarComponent ([https://github.com/github/markdown-toolbar-element](https://github.com/github/markdown-toolbar-element))
	- MenuComponent ([https://github.com/github/details-menu-element](https://github.com/github/details-menu-element))
		-  MenuSummaryComponent
-->

## DRI
@koddsson

## EPD
Engineering: @joelhawksley @manuelpuyol @koddsson @blakewilliams (20% time) @keithamus (4-5weeks before going on leave)
Product: @gaknoll
Design: @vdepizzol @edokoa (depending on projects)

## Communication
Weekly status updates on this epic

## Non-goals
- Custom CSS burndown
- CSS encapsulation
- Async ViewComponents
    
## Exit criteria
- [ ] In order to reduce friction for engineers building UI with Primer ViewComponents we've shipped 9 new alpha Primer ViewComponents from the prioritied list.
