web3-ui Create basic elements

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 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