Create basic elements
Una pull request collegata è già stata integrata.
- #390 di @shindeajinkya — integrata
Valutazione
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Idoneità per principianti
- 45/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Ferma
- Stack tecnologico
- next.js, react, storybook, typescript
Direzione di ricerca
Scegli un elemento non ancora selezionato e inizia in packages/components/src/elements, usando l’elemento Button come esempio. Esegui yarn dev per aprire il playground Next.js, quindi aggiungi i file TSX, Storybook e di test dell’elemento. Il lavoro è completato quando l’elemento funziona nel playground e ha un PR con un titolo che inizia con feat: e il suo nome.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
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
- Lingua principale
- TypeScript
- Stelle
- 779
- Fork
- 147
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Preparare l'ambiente
- Nessun Dockerfile né file Docker Compose
- Ha un modello di pull request
- Leggi la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di Developer-DAO/web3-ui
-
NFT CardForse di nuovo libera Una pull request per questa issue è stata chiusa senza essere unita. Aperta
Difficoltà 3/5 1-2 giorni Idoneità per principianti 40/100
Developer-DAO/web3-ui#394 ·
-
MintFromContract componentForse di nuovo libera @ericy-eth l’ha presa 1531 giorni fa e non c’è nessuna pull request aperta. Aperta
Developer-DAO/web3-ui#388 · 2 commenti · 1 assegnatario ·
-
A `Contract` component that auto-generates the UI based off of the ABIForse di nuovo libera @Dhaiwat10 l’ha presa 1568 giorni fa e non c’è nessuna pull request aperta. Aperta
Developer-DAO/web3-ui#350 · 1 assegnatario ·
Tutte le issue di Developer-DAO/web3-ui
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
components-web-app/docs#307 ·
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
localstack/localstack-mcp-server#112 ·
I maintainer di solito rispondono entro 1 giorno
-
area:frontend kind:bug priority:p1 ready
Difficoltà 2/5 1-3 ore Idoneità per principianti 85/100
I maintainer di solito rispondono entro 1 giorno
-
bug ready-for-agent
Difficoltà 2/5 1-3 ore Idoneità per principianti 73/100
PhyberApex/kuroshiro#1687 ·
I maintainer di solito rispondono entro 1 giorno
-
Performance (Web Vitals) collector: LCP/FCP from background tabs are not discarded, inflating p75Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 74/100
umami-software/umami#4720 ·
I maintainer di solito rispondono entro 3 giorni