React Rebass es un framework front-end que fue diseñado teniendo en cuenta a React. React Rebass Recipes requiere recetas de cada desarrollo como recetas de platos. Hay muchos componentes en Rebass Recipes como Flexbox Grid Component, Flexbox, wrap componente, Nav Bar Component, etc.
- Componente React Rebass Flexbox Grid
- Componente envolvente React Rebass Flexbox
- Componente de barra de navegación React Rebass
- Componente de imagen React Rebass
- Componente de tarjeta de imagen de fondo React Rebass
- Componente de contenedor React Rebass
- Componente React Rebass Avatar
- Componente de insignia React Rebass
- Componente de enlace de navegación React Rebass
Javascript
import React from 'react'
import { Flex, Card, Image, Text } from "rebass";
function App() {
return (
<div style={{
display: 'block', width: 500, padding: 30
}}>
<Flex>
<Card width={[256, 320]} mx='auto'>
<Image src=
'https://media.geeksforgeeks.org/wp-content/uploads/20220330170518/geeksimage.png'
/>
<Text>
Image Card
</Text>
</Card>
</Flex>
</div>
);
}
export default App;
Producción:
Publicación traducida automáticamente
Artículo escrito por GeeksforGeeks-1 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA