Developer-DAO / Developer-DAO/web3-ui

Create basic elements

Open
#354 9 comments 0 reactions 0 assignees View on GitHub
good first issue help wanted
Dominant language
TypeScript
Stars
779
Forks
150
PR merge metrics
No merged PRs in 30d

Description

**Build a set of basic elements.**

Elements are found in the `packages/components/src/elements` folder. Each element should have working

- tsx file
- storybook file
- test file

Example of a basic element is the Button element inside the elements folder.

Please choice one of the elements from the list to work on by commenting below. After completing an element, create a PR with `feat:` and name of the element.

- [x] Avatar
- [x] Badge/Tag
- [x] Card
- [x] Checkbox
- [x] Dropdown Menu
- [x] Modal
- [x] Link
- [ ] Radio
- [x] Sheet
- [ ] Switch
- [x] TextField
- [ ] Textarea
- [ ] Tooltip
- [ ] Skeleton - Avatar
- [ ] Skeleton - Text Block

Please see the playground environment for resources. To start a playground environment run in your terminal `yarn dev` This will run Next JS environment on localhost:3000 for building the element, and also run a watch script on the library.

No need to be overly concerned about the css because a figma design hasn't been made yet.

An example of each component can be found [here](https://github.com/radix-ui/design-system/tree/master/components)
copy and pasting from here is acceptable, because the focus is to get more structure in place and also for contributors to get more familiar with the project and tech stack.

If you have any questions or problems, please ask in the web3-ui channel in the D_D discord

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.