Skip to content

Create basic elements #354

Open
Open
@e-roy

Description

@e-roy

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions