34 lines
791 B
JavaScript
34 lines
791 B
JavaScript
|
import Box from '@mui/joy/Box';
|
||
|
|
import Chip from '@mui/joy/Chip';
|
||
|
|
import ChipDelete from '@mui/joy/ChipDelete';
|
||
|
|
|
||
|
|
export default function DeleteButtonChip() {
|
||
|
|
return (
|
||
|
|
<Box sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>
|
||
|
|
<Chip
|
||
|
|
size="sm"
|
||
|
|
variant="outlined"
|
||
|
|
color="danger"
|
||
|
|
endDecorator={<ChipDelete onDelete={() => alert('Delete')} />}
|
||
|
|
>
|
||
|
|
Remove
|
||
|
|
</Chip>
|
||
|
|
<Chip
|
||
|
|
variant="soft"
|
||
|
|
color="danger"
|
||
|
|
endDecorator={<ChipDelete onDelete={() => alert('Delete')} />}
|
||
|
|
>
|
||
|
|
Delete
|
||
|
|
</Chip>
|
||
|
|
<Chip
|
||
|
|
size="lg"
|
||
|
|
variant="solid"
|
||
|
|
color="danger"
|
||
|
|
endDecorator={<ChipDelete onDelete={() => alert('Delete')} />}
|
||
|
|
>
|
||
|
|
Delete
|
||
|
|
</Chip>
|
||
|
|
</Box>
|
||
|
|
);
|
||
|
|
}
|