`Avatar`: Add predefined color presets based on `alt` initials
I maintainer di solito rispondono entro 1 giorno
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Idoneità per principianti
- 65/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Attiva
- Stack tecnologico
- tailwindcss, typescript
- Ambito
- frontend
Direzione di ricerca
Look at the Avatar component source in the repository, likely in packages/ui/src/components/Avatar. Examine how the color prop is currently handled and where the alt text is used. Research how to generate a deterministic color from initials (e.g., hash the string). Consider the variant prop proposal and how to integrate with the existing theming system, including user-customized colors. Check for existing tests for Avatar to understand the expected behavior.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Package
v4.x
Description
Currently, we can manually set the color of the Avatar component when using only the alt attribute. It would be useful if the background color were predefined based on the initials.
It would also be better to use a solid background with white or black text instead of a muted background with highlighted text. Maybe variant prop could be useful here - so either solid, soft, outline, etc.
However, I'm not sure how this would work if the user has customized the UI colors, as the avatars may or may not fit well with the adjusted color scheme.
https://mui.com/material-ui/react-avatar/#letter-avatars
Additional context
No response
- Lingua principale
- TypeScript
- Stelle
- 7k
- Fork
- 1.1k
- Merge medio
- 1g 19h
- PR unite (30g)
- 170
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 nuxt/ui
-
NavigationMenu: expanding a nested item in vertical orientation collapses its parent when using v-modelForse già presa @cristianchiriac l’ha presa 6 giorni fa. Aperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
I maintainer di solito rispondono entro 1 giorno
-
UAvatar wrong root for passthoughForse già presa @lazerg l’ha presa 53 giorni fa. Apertatriage
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
I maintainer di solito rispondono entro 1 giorno
-
FormField: add Disabled propApertatriage
Difficoltà 2/5 1-3 ore Idoneità per principianti 64/100
I maintainer di solito rispondono entro 1 giorno
-
triage
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
I maintainer di solito rispondono entro 1 giorno
-
v5
Difficoltà 2/5 Mezza giornata Idoneità per principianti 66/100
I maintainer di solito rispondono entro 1 giorno
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 76/100
Nimblesite/SharpLsp#468 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
I maintainer di solito rispondono entro 1 giorno
-
Bundled uv is never updated and trusts the compromised eMudhra certificatesForse già presa @FabienDanieau l’ha presa oggi. Apertabug
Difficoltà 2/5 1-3 ore Idoneità per principianti 76/100
-
bg_wait's blocking mode (stopOnAttention: false) is under-documented and effectively undiscoverableAperta
Difficoltà 2/5 1-3 ore Idoneità per principianti 66/100
nicobailon/pi-subagents#3019 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 66/100
db-ux-design-system/core-web#8613 ·
I maintainer di solito rispondono entro 1 giorno