Empty Content
Support display when content is empty.
Simple
There is no conversation
import EmptyContent from 'src/components/empty-content';
export function App() {
<EmptyContent title="There is no conversation" />;
}
Full
There is no conversation
import EmptyContent from 'src/components/empty-content';
export function App() {
<EmptyContent
filled
title="There is no conversation"
description="Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus."
imgUrl="/assets/icons/empty/ic_cart.svg"
action={
<Button variant="contained" sx={{ mt: 3 }}>
Action
</Button>
}
sx={{ p: 5 }}
/>;
}
Related files:
src/components/empty-content