Plan
A collapsible plan component for displaying AI-generated execution plans with streaming support and shimmer animations.
Rewrite AI Elements to SolidJS
Rewrite the AI Elements component library from React to SolidJS while maintaining compatibility with existing React-based shadcn/ui components using solid-js/compat, updating all 29 components and their test suite.
Overview
This plan outlines the migration strategy for converting the AI Elements library from React to SolidJS, ensuring compatibility and maintaining existing functionality.
Key Steps
- Set up SolidJS project structure
- Install solid-js/compat for React compatibility
- Migrate components one by one
- Update test suite for each component
- Verify compatibility with shadcn/ui
Installation
If you prefer using jsrepo, please install via the command below:
Props
Plan
| Name | Type | Default |
|---|---|---|
isStreaming | boolean | false |
defaultOpen | boolean | false |
open | boolean | |
onOpenChange | (open: boolean) => void | |
class | string | |
children | Snippet | |
PlanTitle
| Name | Type | Default |
|---|---|---|
children | Snippet | |
class | string | |
PlanDescription
| Name | Type | Default |
|---|---|---|
children | Snippet | |
class | string | |
PlanContent
| Name | Type | Default |
|---|---|---|
children | Snippet | |
class | string | |