themesberg / themesberg/flowbite

Image Placeholder Should Display Only Image Without Text

Open
#846 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

Is your feature request related to a problem? Please describe.
Currently, the image placeholder functionality displays both an image and accompanying text by default. This presents a problem when developers want to use an image without any accompanying text, as the placeholder still includes text, affecting the visual consistency and clarity of the design.

Describe the solution you'd like
I would like the ability for developers to choose whether they want to display text alongside the image placeholder or not. This flexibility would allow for cleaner and more versatile designs, catering to various layout requirements and preferences.

Describe alternatives you've considered
One alternative solution could involve creating an additional component specifically for image placeholders without text, offering developers the choice between using the standard image placeholder component with text or opting for the new component without text. Alternatively, implementing an option within the existing image placeholder component to toggle text inclusion would provide users with greater flexibility in managing text visibility based on their design requirements.

Additional context
It's worth noting that the video placeholder already appears without any accompanying text.
In some instances, there might not be any accompanying text beneath the image, so visually, there shouldn't be any text on the image placeholder either.

Flowbite skeleton/image placeholder

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 comparing the current image placeholder with the linked Flowbite skeleton/image placeholder reference and the existing video placeholder behavior. Identify the image placeholder entry point, then make text visibility optional or provide a text-free variant; done means developers can display the image without accompanying text while existing usage remains supported.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.