added checkbox, link

This commit is contained in:
Krittin SETDHAVANICH 2023-06-28 14:54:24 +07:00
parent 2edd07bc57
commit f61bb9bdbf

View File

@ -13,6 +13,7 @@ import Toolbar from '@mui/material/Toolbar';
import Typography from '@mui/material/Typography'; import Typography from '@mui/material/Typography';
import Container from '@mui/material/Container'; import Container from '@mui/material/Container';
import Link from '@mui/material/Link'; import Link from '@mui/material/Link';
import Checkbox from '@mui/material/Checkbox';
import {createTheme, ThemeProvider} from '@mui/material/styles'; import {createTheme, ThemeProvider} from '@mui/material/styles';
import cards from './Card'; import cards from './Card';
@ -44,6 +45,11 @@ export default function App() {
<Typography variant="h6" color="inherit" noWrap> <Typography variant="h6" color="inherit" noWrap>
Album layout Album layout
</Typography> </Typography>
<Typography variant="h6" color="inherit" noWrap>
<a href="https://www.youtube.com" target="_self">Another Nav </a>
</Typography>
</Toolbar> </Toolbar>
</AppBar> </AppBar>
<main> <main>
@ -135,6 +141,7 @@ export default function App() {
<CardActions> <CardActions>
<Button size="small" sx={{color: "#69ACCD"}}><a href={card.link}>View</a></Button> <Button size="small" sx={{color: "#69ACCD"}}><a href={card.link}>View</a></Button>
</CardActions> </CardActions>
<Checkbox defaultChecked />
</Card> </Card>
</Grid> </Grid>
))} ))}