Package Exports
- @mdxui/widgets
- @mdxui/widgets/dist/index.js
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@mdxui/widgets) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
@mdxui/widgets
Interactive components for MDXUI including Chat, Editor, SearchBox, CommandBar, and SearchList components.
Installation
pnpm add @mdxui/widgetsFeatures
- Chat interface components
- Rich text editor
- Command palette
- Search components
- Autocomplete
- Real-time updates
- Keyboard shortcuts
- Accessibility support
Components
Chat Widget
import { Chat } from '@mdxui/widgets'
<Chat
messages={messages}
onSend={handleSend}
placeholder="Type a message..."
/>Editor
import { Editor } from '@mdxui/widgets'
<Editor
value={content}
onChange={handleChange}
plugins={['markdown', 'mentions']}
/>SearchBox
import { SearchBox } from '@mdxui/widgets'
<SearchBox
onSearch={handleSearch}
suggestions={suggestions}
placeholder="Search..."
/>CommandBar
import { CommandBar } from '@mdxui/widgets'
<CommandBar
commands={commands}
onCommand={handleCommand}
hotkey="cmd+k"
/>SearchList
import { SearchList } from '@mdxui/widgets'
<SearchList
items={items}
onSelect={handleSelect}
renderItem={renderItem}
/>Configuration
Each widget can be customized with themes, plugins, and behavior options:
import { configureWidget } from '@mdxui/widgets'
configureWidget('chat', {
theme: 'light',
plugins: ['emoji', 'mentions'],
behavior: {
realtime: true,
notifications: true
}
})Related Packages
@mdxui/types- TypeScript type definitions@mdxui/shared- Shared components and utilities@mdxui/shadcn- shadcn/ui components
License
MIT © 2024 Drivly