themesberg / themesberg/flowbite

How to hide flowbite drawer when page loads and only show when users click the button?

Open
#930 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
HTML
Stars
9.4k
Forks
862
PR merge metrics
No merged PRs in 30d

Description

I am using flowbite drawer to show content. I'm trying to figure out how to hide the drawer when the page loads. i would like to have the drawer show only when the button is clicked.

Show bottom drawer
Bottom drawer
Close menu

Supercharge your hiring by taking advantage of our limited-time sale for Flowbite Docs + Job Board. Unlimited access to over 190K top-ranked candidates and the #1 design job board.

Learn more Get access

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by inspecting the provided drawer markup, especially its data-drawer attributes and classes, and compare it with Flowbite's drawer documentation or examples. Confirm the intended initial hidden state and verify that the drawer appears only after the provided button is clicked.

Written by the indexing model from the issue text.

Assessment

Tech stack
html, tailwindcss
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.