005cf56baf
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
22 lines
600 B
JavaScript
22 lines
600 B
JavaScript
import CheckIcon from '@mui/icons-material/Check';
|
|
import Avatar from '@mui/joy/Avatar';
|
|
import Box from '@mui/joy/Box';
|
|
import Chip from '@mui/joy/Chip';
|
|
|
|
export default function ClickableChip() {
|
|
return (
|
|
<Box sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>
|
|
<Chip
|
|
variant="outlined"
|
|
color="neutral"
|
|
size="lg"
|
|
startDecorator={<Avatar size="sm" src={`/static/images/avatar/1.jpg`} />}
|
|
endDecorator={<CheckIcon fontSize="md" />}
|
|
onClick={() => alert('You clicked the Joy Chip!')}
|
|
>
|
|
Mark
|
|
</Chip>
|
|
</Box>
|
|
);
|
|
}
|