App

Vault

The visual vault panel: all of a person's Visuallis, searchable and manageable.

• Provide entries {id,title,color,updated,group}, activeId, onOpen, onNew, onRename(id,title), onDelete(id); optional user, onCollapse, onComfort, logoSrc/logoDarkSrc (the wordmark assets).
• Groups render in the order entries arrive (Today, This week, Earlier). Delete should confirm with a Dialog in the app.

Props

export interface VaultProps {
  entries: VaultEntry[];
  activeId?: string;
  onOpen?: (id: string) => void;
  onNew?: () => void;
  onRename?: (id: string, title: string) => void;
  onDelete?: (id: string) => void;
  onDuplicate?: (id: string) => void;
  onExport?: (id: string, format: ExportFormat) => void;
  user?: { name: string;
  plan?: string };
  onCollapse?: () => void;
  onComfort?: () => void;
  logoSrc?: string;
  logoDarkSrc?: string
}

Use

import { Vault } from '@visualli/design-system/components';

Source: components/src/ · Guidelines: components/catalog/Vault/README.md