[Day 8] 常用的卡片 Card

Day 7
卡片在商品介绍 或登入介面时常用到

通常格式为一张图片 与他的title 配上说明
也有可能是 登入 及输入密码跟帐号的input

使用架构如下 配合昨天介绍的APP Bar 一个简单的商品介绍跟使用者UI可以很迅速地套用元件完成

 <Card sx={{ maxWidth: 345 }}>
              <CardMedia
                component="img"
                height="140"
                image="https://fakeimg.pl/350x200/?text=Hello"
                alt="green iguana"
              />
              <CardContent>
                <Typography gutterBottom variant="h5" component="div">
                溯溪鞋
                </Typography>
                <Typography variant="body2">
                溯溪鞋 可以飞天遁地
                </Typography>
              </CardContent>
              <CardActions>
                <Button size="small">Share</Button>
                <Button size="small">get More</Button>
              </CardActions>
            </Card>

Day 8