import { CommandPalette } from 'reablocks';
import { Dialog } from 'reablocks';
import { Chip } from 'reablocks';
import { Divider } from 'reablocks';
import { CommandPaletteSection } from 'reablocks';
import { CommandPaletteItem } from 'reablocks';
export default {
title: 'Components/Data/Command Palette',
component: CommandPalette
};
export const Simple = () => (
console.log('Selection', sel)}
>
Home
Inbox
Settings
Create Shortcut
Export Data
Invite User
);
export const Sections = () => (
Dashboards
Integrations
Rules
CISO Dashboard
Recommendations
Settings
🚨 AWS Account not configured. Link your account →
);
export const WithIcons = () => (
}>
Home
}>
Inbox
}>
Settings
);
export const Hotkey = () => (
alert(`Key '${item.hotkey}' trigged by '${item.index}'`)
}
>
Home
Inbox
Settings
);
export const Empty = () => (
);
export const NoSection = () => (
Home
Inbox
Settings
);
export const LongList = () => (
{Array.from({ length: 100 }, (_, i) => (
Item {i}
))}
);
export const WithDialog = () => (
);
const InboxIcon = () => (
);
const HomeIcon = () => (
);
const SettingsIcon = () => (
);