Git Product home page Git Product logo

daisy-components's People

Contributors

dependabot[bot] avatar lassejlv avatar strawhathacker avatar willpinha avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

daisy-components's Issues

Add page for all UI examples

Description

A page that contains all UI examples, separated by tag

Benefits

If the user wants to make a fast scroll to see all UI examples, without the need to click on a tag. This is good for seeing all the collection elements

Implementation suggestions

No response

Add preview page for each UI example

What happened?

Each UI example have a preview page

What are the steps to reproduce this issue?

  1. Click on "..."
  2. Scroll down to "..."
  3. See error

Any logs, error output, etc?

No response

Icons in card not aligned

Description

Icons in the userWithDetails card are not aligned. Forgot fa-fw

Steps to reproduce (for bugs)

No response

Screenshots or Error Messages (if applicable)

image

Change icons to logo, and mocked avatars to avatar

Description

In some tags like navbar, there are components using FontAwesome icons when they should be using the logo

Also, in other tags like team, there are mocked avatars (avatars with FontAwesome icons) that should be using the avatar

Steps to reproduce (for bugs)

No response

Screenshots or Error Messages (if applicable)

Should be logo:

image

Should be avatar:

image

Code links are broken

For which tag?

All components

For which UI example?

All components

Description

When you click the "Code" in components it links to a broken url. So you get 404. I have added a screenshot below.

Screenshots (if applicable)

Screenshot 2024-02-16 at 09 47 04

Do you want to contribute to this issue?

Yes, I want to contribute!

Fix links for UI examples

What happened?

The links to UI examples referencing wrong URL

What are the steps to reproduce this issue?

  1. Click on UI example name (link)
  2. See error

Any logs, error output, etc?

No response

Simple navbar with dropdown

For which tag?

navbar

UI example name

simpleWithDropdown

Description

A navbar with logo on the left side, menu items on the right side. One of the items is a dropdown

Screenshots

No response

Do you want to implement the UI example?

Yes, I do want to implement it!

Sidebar

Tag name

sidebar

Use cases

Anything related to sidebars. All sidebars are open in desktop and mobile versions

Screenshots

No response

Add aliases for tag names

Description

Add aliases for tag names when user is filtering

Benefits

Tags can be filtered by different filters

Implementation suggestions

Create JSON file containing aliases and using it in the isMatch function

Text wrapping on mobile for `command`

Description

The command example in the #input tag is wrapping text. Put whitespace-nowrap in the first div to avoid it

Steps to reproduce (for bugs)

See command example on mobile

Screenshots or Error Messages (if applicable)

image

Bad text contrast

For which tag?

alert

For which UI example?

default

Description

Bad text contrast in neutral alert

Screenshots (if applicable)

Screenshot_20240215_132309_Chrome

Do you want to contribute to this issue?

Yes, I want to contribute!

Aliases for a tag name

What happened?

Create aliases for tag names in a JSON file

What are the steps to reproduce this issue?

  1. Click on "..."
  2. Scroll down to "..."
  3. See error

Any logs, error output, etc?

No response

Add navbar with centered logo and menu

For which tag?

navbar

UI example name

centeredLogoAndMenu

Description

A navbar just like "centeredLogo", but menu is bellow the logo, and not side by side

Screenshots

No response

Do you want to implement the UI example?

Yes, I do want to implement it!

Hard to see navbar text

Which tag?

navbar

Which UI example?

centeredLogo

What happened?

Logo text and button are hard to see in some themes

What are the steps to reproduce this issue?

  1. Select themes like retro, pastel (and more)
  2. See error

Screenshots

image

image

Website is down

For which tag?

website

For which UI example?

website

Description

Website is down I cant reach it at all

Screenshots (if applicable)

No response

Do you want to contribute to this issue?

No, I will leave the issue to another contributor

Navbar with centered logo

For which tag?

navbar

UI example name

centeredLogo

Description

A navbar with a centered logo, and menu items on both side of the logo

Screenshots

No response

Do you want to implement the UI example?

Yes, I do want to implement it!

Change sidebar to topbar in mobile navbars

Which tag?

navbar

Which UI example?

all examples

What happened?

instead of the mobile navbar drawer open as a sidebar, open it as a topbar

What are the steps to reproduce this issue?

  1. Click on "..."
  2. Scroll down to "..."
  3. See error

Screenshots

No response

Move examples folder to root

What happened?

Nothing, just change examples folder to root

What are the steps to reproduce this issue?

No steps to reproduce

Any logs, error output, etc?

No response

Preview resize is getting scrollbar

For which tag?

All

For which UI example?

All

Description

Preview resize is getting scrollbar. Put larger height size to prevent scrollbar

Screenshots (if applicable)

No response

Do you want to contribute to this issue?

Yes, I want to contribute!

Change "UI example" to "Component"

Description

Collection uses example UI. Maybe using Component would be better, since it's a more famous term

Benefits

Users will likely better understand what this collection is about if the change is made

Implementation suggestions

Just change any UI example expression in the code to Component

Make logos consistent

Description

Currently, "company logos" are not the daisy-collection logo in the footers folder

Benefits

Consistency

Implementation suggestions

We can replace them with the daisy-collection logo

Simple footer is not full width

Description

The simple footer is not full width. As it is a footer, it must be full width

Steps to reproduce (for bugs)

No response

Screenshots or Error Messages (if applicable)

image

Add code formatter

Description

Add code formatter like Prettier (or other alternatives)

Benefits

Brings consistency to code formatting

Implementation suggestions

No response

Specify to create a branch on the fork

Description

Specify in the CONTRIBUTING guide to create a branch in the fork when contributing

Benefits

It is possible to make multiple isolated pull requests on the same fork

Implementation suggestions

No response

Add authentication forms

Tag name

authentication

Use cases

For login, register, forgot password, and other pages for authentication

Screenshots

No response

Card improvement

Description

card > Article with image 's user area should be the same as card > article 's user area (since it looks a bit nicer ๐Ÿ™‚)

Steps to reproduce (for bugs)

Hover over the user icons in both cards

Screenshots or Error Messages (if applicable)

image
image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.