Conditional CSS with styled tag
Les mainteneurs répondent en général sous 1 jour
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Accessibilité débutants
- 30/100
- Type d'issue
- Bug
- Clarté
- À clarifier
- Activité
- À l'abandon
- Stack technique
- react, typescript
- Domaine
- frontend
Piste de recherche
L’issue n’identifie aucun fichier source ni aucun test ; commencez par reproduire l’exemple conditionnel de styled.ul et suivre les définitions de types TypeScript de styled-tag qui rejettent le résultat false ou undefined du callback. Le travail est terminé lorsque le CSS conditionnel attendu est accepté avec la prop dark optionnelle et que l’erreur de compilation signalée est couverte par un test de régression.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
Ask your Question
Is it possible to do something like the following?
const TopLevelList = styled.ul<{ dark?: boolean }>`
border-top: 1px solid ${BrandColors.BORDER};
margin-top: 0;
${props => props.dark && ({
color: 'black',
})}
`;
Typescript is giving the following error:
Argument of type '(props: { dark?: boolean | undefined; }) => false | { color: string; } | undefined' is not assignable to parameter of type 'string | number | CSSProperties | ((props: { dark?: boolean | undefined; }) => TLength)'.
Type '(props: { dark?: boolean | undefined; }) => false | { color: string; } | undefined' is not assignable to type '(props: { dark?: boolean | undefined; }) => TLength'.
Type 'false | { color: string; } | undefined' is not assignable to type 'TLength'.
Type 'undefined' is not assignable to type 'TLength'.ts(2345)
- Langage dominant
- TypeScript
- Étoiles
- 12.4k
- Forks
- 413
- Merge moyen
- 1 j 49 min
- PR mergées (30 j)
- 14
Préparer son environnement
- Aucun Dockerfile ni fichier Docker Compose
- Propose un modèle de pull request
- Lire le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de callstack/linaria
-
Add support for interpolationOuverteenhancement: proposal 💬 needs: triage 🏷
Difficulté 4/5 3-5 jours Accessibilité débutants 45/100
callstack/linaria#1460 · 4 commentaires · 2 réactions ·
Les mainteneurs répondent en général sous 1 jour
-
feature: proposal 💬 needs: triage 🏷
Difficulté 5/5 Plus d'une semaine Accessibilité débutants 35/100
callstack/linaria#1427 · 3 commentaires · 5 réactions ·
Les mainteneurs répondent en général sous 1 jour
-
cat: modules aliasing 🔗 enhancement: proposal 💬 needs: triage 🏷
Difficulté 3/5 1-2 jours Accessibilité débutants 35/100
callstack/linaria#1423 · 6 commentaires · 1 réaction ·
Les mainteneurs répondent en général sous 1 jour
-
enhancement: proposal 💬 needs: triage 🏷
Difficulté 3/5 1-2 jours Accessibilité débutants 35/100
callstack/linaria#1417 · 3 commentaires · 1 réaction ·
Les mainteneurs répondent en général sous 1 jour
-
bug report 🦗 bundler: webpack 📦 needs: complete repro 🖥️
Difficulté 3/5 1-2 jours Accessibilité débutants 35/100
Les mainteneurs répondent en général sous 1 jour
Toutes les issues de callstack/linaria
Issues similaires
-
Difficulté 2/5 1-3 heures Accessibilité débutants 68/100
Les mainteneurs répondent en général sous 1 jour
-
documentation easy good first issue help wanted
Difficulté 1/5 1-3 heures Accessibilité débutants 83/100
Les mainteneurs répondent en général sous 1 jour
-
Billion-context documentation addendum: nudge is independent of window occupancy. | billion-context 文档补充：nudge 与窗口占用无关Peut-être pris Une pull request liée à cette issue est ouverte ou déjà fusionnée. Ouverte
Difficulté 1/5 1-3 heures Accessibilité débutants 86/100
ranxianglei/billion-context#5893 ·
Les mainteneurs répondent en général sous 1 jour
-
Difficulté 2/5 1-3 heures Accessibilité débutants 79/100
microsoft/monaco-editor#5575 ·
Les mainteneurs répondent en général sous 1 jour
-
enhancement
Difficulté 2/5 1-3 heures Accessibilité débutants 68/100