mirror of
https://gitlab.com/mbugroup/lti-web-client.git
synced 2026-05-24 23:35:45 +00:00
feat(FE-43): create RowCollapseOptions component
This commit is contained in:
@@ -0,0 +1,27 @@
|
|||||||
|
import { ReactNode } from 'react';
|
||||||
|
|
||||||
|
import { Icon } from '@iconify/react';
|
||||||
|
import Collapse from '@/components/Collapse';
|
||||||
|
import Button from '@/components/Button';
|
||||||
|
|
||||||
|
interface RowCollapseOptionsProps {
|
||||||
|
children?: ReactNode;
|
||||||
|
}
|
||||||
|
|
||||||
|
const RowCollapseOptions = ({ children }: RowCollapseOptionsProps) => {
|
||||||
|
return (
|
||||||
|
<Collapse
|
||||||
|
title={
|
||||||
|
<Button>
|
||||||
|
<Icon icon='material-symbols:more-vert' width={16} height={16} />
|
||||||
|
</Button>
|
||||||
|
}
|
||||||
|
className='w-fit'
|
||||||
|
titleClassName='p-0! justify-self-end'
|
||||||
|
>
|
||||||
|
{children}
|
||||||
|
</Collapse>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default RowCollapseOptions;
|
||||||
Reference in New Issue
Block a user