Copyable React empty states. Preview, customize, and take the source.
2 files. Add them to your project.
1import { EmptyState } from "./empty-state";2import { RecordIllustration } from "./illustrations";34<EmptyState5 title={"Your record space is empty"}6 description={"Connect a source or upload a CSV to add your first records."}7 illustration={<RecordIllustration />}8 size="lg"9 pointer="tilt"10 loop="float"11 actions={[12 { id: "connect", label: "Connect source", onClick: () => connectSource() },13 { id: "upload", label: "Upload CSV", variant: "secondary", onClick: () => uploadCsv() },14 ]}15/>