TimelineItem "classes" object prop is not applied

[alksily]

Description

The TimelineItem component fails to apply styles passed through the modern classes object property. However, the deprecated h3Class property still works. This prevents migration to the new API and indicates that the component logic is not correctly prioritizing or merging the classes object.

Minimal Reproduction

{@const params = {
    class: 'mb-2 ms-1',
    h3Class: 'text-sm', // <-- This works (deprecated)
    classes: { h3: 'text-sm' }, // <-- This does not work
}}

<TimelineItem title="test" {...params}>
    Hello world!
</TimelineItem>

Steps to Reproduce

1. Use the TimelineItem component.
2. Pass a configuration object where h3Class is defined and a classes object with an h3 key is also defined.
3. Observe which styles are applied to the h3 element.

Environment

System:
  OS: macOS 26.2
  CPU: (10) arm64 Apple M2 Pro
  Memory: 150.05 MB / 16.00 GB
  Shell: 5.9 - /bin/zsh
Binaries:
  Node: 24.7.0 - /Users/alksily/.nvm/versions/node/v24.7.0/bin/node
  Yarn: 1.22.22 - /Users/alksily/.nvm/versions/node/v24.7.0/bin/yarn
  npm: 11.5.1 - /Users/alksily/.nvm/versions/node/v24.7.0/bin/npm
  pnpm: 8.15.4 - /opt/homebrew/bin/pnpm
Browsers:
  Safari: 26.2
npmPackages:
  @sveltejs/kit: ^2.49.2 => 2.49.2 
  flowbite: ^3.1.2 => 3.1.2 
  flowbite-svelte: 1.31.0 => 1.31.0 
  svelte: ^5.46.0 => 5.46.0 
  vite: ^7.3.0 => 7.3.0

Relevant Logs / Console Output

The following "TimelineItem" props are deprecated: "h3Class".
💡 Please use the "classes" prop instead.
Migration example: classes={{ h3: "text-sm" }}

Screenshots / GIF (optional)

No response

Additional Context (optional)

No response

Checklist

• I have searched existing issues and discussions
• I have provided a minimal and runnable reproduction
• I am using the latest version of Flowbite-Svelte

[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

• active class in Tabs component classes prop doesn't work. #1762

Related Issues

• Invalid Table Deprecation Warning on divClass #1721
• Type errors on components missing class from $$Props interface #1527
• RadioButton – checkedClass not applied when component has default styling #1670
• Typecheck errors in various components due to valid props referenced by $$props not being exposed in $$Props #1470

🔗 Related PRs

#1607 - feat: progressbar new way of handling classes [merged]
#1681 - Classes [merged]
#1795 - fix: update HR to use classes prop for styling [merged]
#1811 - docs: fix progressradial dark class [merged]
#1884 - fix: TimelineItem for default order [merged]

👤 Suggested Assignees

• jjagielka
• shinokada
• bmanth60
• vsergeev
• ltdletrungduc

---

🧪 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 or schedule a call!