Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Create basic elements #354

Open
9 of 15 tasks
e-roy opened this issue Jul 23, 2022 · 9 comments · Fixed by #390
Open
9 of 15 tasks

Create basic elements #354

e-roy opened this issue Jul 23, 2022 · 9 comments · Fixed by #390
Labels
good first issue Good for newcomers help wanted Extra attention is needed

Comments

@e-roy
Copy link
Contributor

e-roy commented Jul 23, 2022 •
edited
Loading

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.

  • Avatar
  • Badge/Tag
  • Card
  • Checkbox
  • Dropdown Menu
  • Modal
  • Link
  • Radio
  • Sheet
  • Switch
  • 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
@e-roy e-roy added good first issue Good for newcomers help wanted Extra attention is needed labels Jul 23, 2022
@diegoalzate
Copy link
Contributor

@e-roy I can do the badge in the next 24hrs

@meowyx
Copy link
Contributor

meowyx commented Jul 24, 2022

@e-roy I will take the card

@andriishupta
Copy link
Contributor

@e-roy I am taking Checkbox

@diegoalzate diegoalzate mentioned this issue Jul 24, 2022
Merged
@diegoalzate
Copy link
Contributor

@e-roy I can do the Avatar

@andriishupta andriishupta mentioned this issue Jul 25, 2022
Merged
@andriishupta
Copy link
Contributor

@e-roy I am taking DropdownMenu

@andriishupta andriishupta mentioned this issue Jul 25, 2022
Merged
@e-roy
Copy link
Contributor Author

e-roy commented Jul 31, 2022

Adding Sheet

@e-roy e-roy mentioned this issue Jul 31, 2022
Merged
@e-roy e-roy mentioned this issue Aug 10, 2022
Merged
@e-roy
Copy link
Contributor Author

e-roy commented Aug 10, 2022

Adding TextField

@meowyx meowyx mentioned this issue Aug 13, 2022
Merged
@shindeajinkya
Copy link
Contributor

Adding Modal and Link

@shindeajinkya shindeajinkya mentioned this issue Aug 28, 2022
Merged
@e-roy e-roy reopened this Aug 28, 2022
@shindeajinkya shindeajinkya mentioned this issue Aug 28, 2022
Merged
@deepak-likes-code
Copy link

@e-roy I can take the radio

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
good first issue Good for newcomers help wanted Extra attention is needed
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

feat: Dialog/modal shindeajinkya/web3-ui
6 participants
@andriishupta @diegoalzate @shindeajinkya @deepak-likes-code @e-roy @meowyx