thedevdojo / pines

The Pines UI library

Pines UI Library

This is the main repo for the Open Source Pines UI Library. This repo is simple to setup and get running on your local if you wish to submit a fix or make some additions to the library.

1. Download the contents of the GitHub repo and store it in a folder.
2. Make sure you have NodeJS installed along with the http-server package.
3. CD into your folder and run http-serve
4. Visit the localhost URL to see PinesUI

Be sure to visit DevDojo discussions section to ask questions and get assistance.

License

The Pines UI Library is open-sourced software licensed under the MIT license.

pines's Issues

No dark mode exists

Is there any chance to have dark mode as wheel .

Giant black circle covers majority of the page in Firefox, due to slider styling

On https://devdojo.com/pines , at certain viewport width, a slider is shown in the right column. This slider contains a black shadow, which, in Firefox, bleeds out of the slider and covers half the page.

Tooltip duplicating when using tooltip plugin

Tootips get duplicated on hovering mutliple times. to recreate the issue keep hovering the tooltip.

Also it doesn't disappear once this occurs.

Typo in Navigation Menu

Hi,
There is a little typo in the Navigation Menu component:

navibationMenuCloseDelay (navibation) instead of navigationMenuCloseDelay

Pass video to component

I tried to make the video a blade component, I put @props ([
'srcMp4' => '',
'srcWebm' => '',
'srcOgg' => ''
])
I did some tests to import video from blade file.
I didn't make it any hints?

Drop down menu: Duplicate class attribute

Class attribute is duplicated in the svg

https://github.com/thedevdojo/pines/blob/main/elements/dropdown-menu.html#L12

Multi Select

As someone who has been looking for a good multi-select in Alpine - there are not many choices available. So I'd really like to see Pines UI introduce one.

Gallery is blinking

does it need x-cloak somewhere or something? because on every 2nd - 3rd click when image is enhanced then shrunken, it just flashes before my eyes

The SELECT component, does not work correctly

selectedItem: '',

You must select an item as active and display it at the top, but when replacing with a value for example

selectedItem: 'milk',

The result is a blank response.

switch

could you include

preview / code as example of switch element

show alert "rad" when right click on Website header link

I realized this once I right click "Alpine" or "Tailwind" link text (highlighted by blue color).

Encouraging use of TailwindCSS development build in production?

Am I correct in assuming Pines is encouraging people to use Tailwind with the dev JS build?

The docs here state to use it and I see no docs on a production version of this.

Accessability

I noticed that the components are Not following accessability principles. Since we (in Europe) will have to follows the european accessibility act this would be a necessary thing to work with it. Except of the reason that a good accessability would be good anyway.

Any Plans for Table?

Copy to Clipboard component error

cant pass images to mage-gallery

cant pass images to image-gallery
is there any example how to pass array of images to image-gallery?
thank you

Will there be carousel and countdown components?

Will there be carousel and countdown components?

License

Hello guys! Congratulations on your work, it will really help build up the AlpineJS ecosystem as something like this is really missing!

I've failed to find the license for this code, which is critical if people are going to use this code in their projects, is this something you plan to add?