First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
- React (NextJS)
- CSS
- composites
- AudioRecorder
- AudioRecorder
- AudioRecorderDelete - Icon
- AudioRecorderTime
- AudioRecorderTrigger - Icon
- AudioRecorderWave
- CommentBox
- CommentBox - Popover, useOverlayPosition
- CommentBoxHeader
- CommentBoxBody
- CommentBoxFooter
- CommentCard - Avatar, Icon
- MentionDropdown - Select, Textarea, SelectOptions, SelectItem
- AudioRecorder
- primitives
- Avatar
- Button
- Divider
- Icon
- Overlay
- Popover - Overlay
- Select
- Select
- SelectItem
- SelectOptions - Popover, useOverlayPosition
- SelectText - Icon
- Textarea
- useOverlayPosition
- Priority dropdown
- @mention dropdown
- Audio recording
- Provide options for dark mode and light mode
- Break down the components in primitive components. Dev can take a few primitive components to construct their own comment dialog.
- Dev should be able to use css variables or parts or slots to customize the UI.
- Add typings
- Component Documentation
- Add accessibility
- Handle some advanced cases for some complex components
- For eg: Popover position calculation, on screen resize
- Improve MentionDropdown component API, couldn’t do it due to time constraint.
- Improve Styling, couldn’t make it pixel perfect due to time constraint.
- Make it responsive