themesberg / themesberg/flowbite
Laravel with Tab Selector Pricing Card
Nobody has claimed this yet.
- Dominant language
- HTML
- Stars
- 9.4k
- Forks
- 862
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
The code from the Tab Selector Pricing Card on page
https://flowbite.com/blocks/marketing/pricing/
causes the following error in the browser console
Uncaught TypeError: this._items.filter is not a function
at t.getTab (index.ts:95:28)
at new t (index.ts:38:42)
at formtest:307:21
To Reproduce
Steps to reproduce the behavior:
- Go to '...'
- Click on '....'
- Scroll down to '....'
- See error
Expected behavior
The same behaviour as the pricing example
Screenshots
If applicable, add screenshots to help explain your problem.
Desktop (please complete the following information):
- OS: Windows 10
- Browser: Opera
- Version 112.0.5197.53
Additional context
Followed the instructions on setting up for Laravel to the letter.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the Tab Selector Pricing Card from the Flowbite marketing pricing page in the reported Laravel setup. Start by inspecting index.ts around getTab and the constructor, then compare the Laravel-rendered card with the working pricing example. Done means the browser console error is gone and the card behaves like the pricing example.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- laravel, tailwindcss, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100