v2: Implement Flowbite@v4 style

[shinokada]

Flowbite@v4 style list

Components

• accordion
• alert
• avatar
• badge
• banner
• bottom-navigation
• breadcrumb
• button-group
• buttons
• card
• carousel
• clipboard
• darkmode
• datepicker
• device-mockups
• dialog
• drawer
• dropdown
• footer
• gallery
• indicator
• kbd
• list-group
• mega-menu
• modal
• navbar
• pagination
• popover
• progress
• rating
• sidebar
• skeleton
• speed-dial
• spinner
• stepper
• table
• tabs
• timeline
• toast
• toolbar
• tooltip
• video

Forms

• checkbox
• dropzone
• fileupload
• floating-label
• helper
• input-addon
• input-field
• label
• phoneinput
• radio
• range
• search
• select
• tags
• textarea
• timepicker
• toggle

Typography

• a
• blockquote
• descriptionlist
• heading
• hr
• img
• layout
• list
• mark
• paragraph
• secondary
• span

Utilities

• Close button
• Label
• Toolbar

Extend

• button-toggle
• kanban
• clipboard-manager
• command-palette
• scroll-spy
• split-pane
• step-indicator
• tour
• virtual-masonry
• virtuallist

[coderabbitai]

📝 CodeRabbit Plan Mode

Generate an implementation plan and prompts that you can use with your favorite coding agent.

• Create Plan

Examples

• Example 1
• Example 2

---

🔗 Similar Issues

Possible Duplicates

• flowbite@v4 #1885

Related Issues

• Bind currently not working #1530
• [Flowbite FEATURE]: Clipboard #1240
• Datepicker style #1580
• [New component] Indicators #521
• [Flowbite:Feature] Drawer #168
• [Flowbite:Feature] Stepper component/page #898

👤 Suggested Assignees

• shinokada
• Nimish-Dhawan-Onramp

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord!