Comment afficher en arrière-plan-composants de style?

voix
0

Dans ma réaction-app je ne vois pas le style arrière-plan / frontière. Qu'est-ce que je fais mal?

C'est ce qui est ressemble à:

 <Flex>
        <Box
          bg=blue
          css={{
            borderRadius: 4px
          }}
        />
 </Flex>

codesandbox

Créé 20/10/2018 à 02:45
source utilisateur
Dans d'autres langues...                            


1 réponses

voix
3

Il n'y a pas le contenu dans la boîte. Lorsque vous ajoutez un contenu, vous verrez le rayon de la bordure et la couleur d'arrière-plan. Si vous changez comme ci-dessous, vous verrez l'arrière-plan.

<Flex>
    <Box
       bg="blue"
       css={{
         borderRadius: "4px"
       }}
    >
       lorem texts
    </Box>
</Flex>

et vous pouvez spécifier

largeur = {1}

de faire boîte aura toute la largeur.

Créé 20/10/2018 à 03:06
source utilisateur

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more