profile
viewpoint
If you are wondering where the data of this site comes from, please visit https://api.github.com/users/reinink/events. GitMemory does not store any data, but only uses NGINX to cache data for a period of time. The idea behind GitMemory is simply to give users a better reading experience.
Jonathan Reinink reinink Beamsville, Ontario https://reinink.ca Web designer & developer. PHP, Laravel, Vue, HTML, CSS, JS, SQL. Building @inertiajs. Coauthor of @tailwindcss. Runs @churchsocial. Dad. Husband. Christian.

inertiajs/inertia 3413

Inertia.js lets you quickly build modern single-page React, Vue and Svelte apps using classic server-side routing and controllers.

inertiajs/pingcrm 1228

A demo application to illustrate how Inertia.js works.

inertiajs/inertia-laravel 1216

The Laravel adapter for Inertia.js.

reinink/advanced-eloquent 568

A set of advanced Eloquent macros for Laravel

nothingworksinc/ticketbeast 535

Back to the lesson videos:

reinink/laracon2018 210

Source code for my example app used in my Laracon Online 2018 talk

inertiajs/inertia-rails 147

The Rails adapter for Inertia.js.

reinink/phppackagechecklist.com 130

A quality checklist for open-source PHP packages.

laravel-frontend-presets/inertiajs 126

An Inertia.js frontend preset for the Laravel Framework

PR opened thephpleague/html-to-markdown

Reviewers
Convert lists from two space indentation to four space indentation

This PR updates this library to use four spaces for list indentation instead of two spaces. The primary motivation for this is to make this markdown compatible with commonmark — which expects four spaces.

# Before

- red
- green
  - turquoise
  - teal
  - forest
- blue

# After

- red
- green
    - turquoise
    - teal
    - forest
- blue
+11 -11

0 comment

2 changed files

pr created time in 15 hours

create barnchthephpleague/html-to-markdown

branch : convert-lists-to-four-spaces

created branch time in 15 hours

issue commenttailwindlabs/tailwindui-issues

Mobile Navbar not closing on Navigation

Just an update on the issue. Since originally posting this issue, Headless UI has been updated to allow using a <Disclosure.Button> within a <Disclosure.Panel> for the purpose of closing the disclosure when you click a link. You can read more about that here.

Here's how:

 <Disclosure.Panel className="sm:hidden">
   <div className="px-2 pt-2 pb-3 space-y-1">
     {navigation.map((item) => (
-      <a
+      <Disclosure.Button
+        as="a"
         key={item.name}
         href={item.href}
         className={classNames(
           item.current ? 'bg-gray-900 text-white' : 'text-gray-300 hover:bg-gray-700 hover:text-white',
           'block px-3 py-2 rounded-md text-base font-medium'
         )}
         aria-current={item.current ? 'page' : undefined}
       >
         {item.name}
+      </Disclosure.Button>
-      </a>
     ))}
   </div>
 </Disclosure.Panel>

I am going to leave this issue open for now as a reminder to update all the Tailwind UI components to reflect this change.

pfried

comment created time in 19 hours

issue closedtailwindlabs/headlessui

Popover Button Doesn't Properly Close Panel on Safari

What component (if applicable)

  • Component name: @headlessui/react/Popover

Describe the bug We are using the new react components to generate the dropdown panel menu for our UI. On Safari, the panel doesn't always properly close (Microsoft Edge and Firefox are fine). If you click on the text of a button, the panel closes and then reopens. Clicking it again will then close it. Clicking anywhere else on the page properly closes the panel. We didn't have this issue with our old implementation of the dropdown that didn't use the new react component.

To Reproduce Steps to reproduce the behavior:

  1. Go to https://kodi-tv-staging.netlify.app
  2. Click on one of the menus with an arrow (those are the dropdowns) from one of the problem platforms/browsers listed
  3. Click the text of the menu again.
  4. See the panel close and reopen (worth noting, if you click the arrow - which changes state when the panel is open - the menu closes properly)

Expected behavior The panel should close and not reappear when clicking the popover button again.

Browser/Device (if applicable)

  • OS: Mac OSX
  • Browser Safari
  • version 14.03 (Bug Sur)

Additional context Add any other context about the problem here.

closed time in 19 hours

pkscout

issue commenttailwindlabs/headlessui

Popover Button Doesn't Properly Close Panel on Safari

@pkscout Thanks for your patience on this. I've moved this over to the Headless UI issues. However, I'm pretty sure that this issue has been fixed. Are you able to update to the latest version to verify that it's now working?

If it is still not working for you, please share a minimal reproduction repo for this issue. 👍

pkscout

comment created time in 19 hours

issue closedtailwindlabs/tailwindui-issues

Shifting heights when using buttons in slide-over with overflow

What component (if applicable)

  • URL for category: https://tailwindui.com/components/application-ui/overlays/slide-overs#component-62a04be4dcfb133783a1a2b1774a73fa
  • Component name: Slide-over - File Details

Describe the bug I stumbled across the problem on one of the sidebars where repeating content adds to the height of the body that in turn adds a vertical scrollbar. Even though the sidebar has an overflow defined, and functioning, it still adds a lot of space beneath it.

I found that removing all the button elements solves this. I have no idea how to fix this.

To Reproduce Steps to reproduce the behavior:

  1. Go to https://gist.github.com/Caroga/2be7b536408f23eb3c97af6c2febab15 or https://play.tailwindcss.com/lTe83HDQC0
  2. Create HTML file from snippet, open it, and scroll down in the center

Expected behavior Not add the space on the page when adding buttons inside the slideover. The main section should have a fixed height/width as is your viewport where the sidebar's content can expand and have a overflow (and therefore be scrollable).

Screenshots image

Browser/Device (if applicable)

  • OS: Windows and Linux
  • Browser Chrome
  • Version 90.0 on windows, linux unknown at the moment.

Additional context I have a feeling this might not be a bug but actually something wrong with how I copy-paste this together, but Discord has never yielded any response on my questions (neither in #help nor when directly pinging) therefore this issue, I am sorry in advance.

closed time in 20 hours

Caroga

issue commenttailwindlabs/tailwindui-issues

Shifting heights when using buttons in slide-over with overflow

Hey there @Caroga,

So I think the issue here is simply how you're implementing the slide-over. It appears that you are placing your page content (OVERVIEW) within the slide-over, which isn't how this component is intended to be used. Instead, your page content should be a sibling of your slide-over component. Something more like this: https://play.tailwindcss.com/kFJFoMXg82

I hope that helps. Let me know if you have any further issues!

Caroga

comment created time in 20 hours

issue closedtailwindlabs/tailwindui-issues

Getting "Can't call "this.setState" on an unmounted component." with Preact when pages include headlessUI

Describe the bug I'm using Gatsby with Preact and Tailwind UI.

If - and only if - my pages contain components from Headless UI, I get this warning message multiples times when navigating to another page using Gatsby's Link:

Can't call "this.setState" on an unmounted component. 
This is a no-op, but it indicates a memory leak in your application. 
To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.

To Reproduce I made a minimal example: https://github.com/FelDev/headlessui_bug_repro

  1. Clone the repo, run npm i and npm run start
  2. Go to http://localhost:8000
  3. Click on "page 2"
  4. Look at the warnings in the console

What I did is:

  1. Take the first example at https://tailwindui.com/components/application-ui/forms/radio-groups without changing anything and made it a component, RadioDemo.js.
  2. Used it pretty much like this:
import RadioDemo from '../components/RadioDemo'

export default function example() {
 return <RadioDemo />
}
  1. That's it. The warning is thrown about 17 times when clicking on a <Link> to another page even though there's no async call or setTimeouts or the like.

Also, if I remove everything inside <RadioGroup> and leave only this:

    <RadioGroup value={selected} onChange={setSelected}>
      <RadioGroup.Label className="sr-only">Server size</RadioGroup.Label>
    </RadioGroup>

The warning is thrown only once because of <RadioGroup.Label> (it doesn't happen at all if I remove it the label).


Browser/Device (if applicable)

  • OS: Big Sur
  • tested in chrome, firefox and safari

This only happens when using Preact.

closed time in 20 hours

FelDev

issue commenttailwindlabs/tailwindui-issues

Getting "Can't call "this.setState" on an unmounted component." with Preact when pages include headlessUI

Hey thanks for submitting this. Unfortunately we don't support Preact in Headless UI.

That said, I'm not sure that this is even an issue related to Headless UI, as we don't use this.setState anywhere in that library.

FelDev

comment created time in 20 hours

issue closedtailwindlabs/tailwindui-issues

Issue regarding dropdowns combined with tables

What component (if applicable)

  • URL for category: https://tailwindui.com/components/application-ui/lists/tables
  • Component name: Tables (Simple striped)

Describe the bug The dropdown gets cut off while it should be rendered on top of the table. This bug seems to be already posted here, but the solutions require some additional js libraries e.g popper which aren't applicable to everyone. The current solution basically implies that tailwind cannot handle dropdowns within tables with the regular alpine usage.

To Reproduce

<div class="shadow overflow-hidden border-b border-gray-200 sm:rounded-lg">
    <table class="min-w-full divide-y divide-gray-200">
        <thead class="bg-gray-50">
            <tr>
                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                    Name
                </th>
                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                    Title
                </th>
                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                    Email
                </th>
                <th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                    Role
                </th>
                <th scope="col" class="relative px-6 py-3">
                    <span class="sr-only">Edit</span>
                </th>
            </tr>
        </thead>
        <tbody x-max="2">
            <tr class="bg-gray-50" x-description="Even row">
                <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">
                    Jenny Wilson
                </td>
                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                    Central Security Manager
                </td>
                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                    jenny.wilson@example.com
                </td>
                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                    Member
                </td>
                <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
                    <a href="#" class="text-indigo-600 hover:text-indigo-900">Edit</a>
                </td>
            </tr>

            <tr class="bg-white" x-description="Odd row">
                <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">
                    Kristin Watson
                </td>
                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                    Lead Implementation Liaison
                </td>
                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                    kristin.watson@example.com
                </td>
                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                    Admin
                </td>
                <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
                    <div x-data="{ open: true }" @keydown.escape.stop="open = false" @click.away="open = false" class="relative inline-block text-left">
                        <div>
                            <button
                                type="button"
                                class="inline-flex justify-center w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500"
                                id="options-menu"
                                @click="open = !open"
                                aria-haspopup="true"
                                x-bind:aria-expanded="open"
                            >
                                Options
                                <svg class="-mr-1 ml-2 h-5 w-5" x-description="Heroicon name: solid/chevron-down" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                                    <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                                </svg>
                            </button>
                        </div>

                        <div
                            x-description="Dropdown menu, show/hide based on menu state."
                            x-show="open"
                            x-transition:enter="transition ease-out duration-100"
                            x-transition:enter-start="transform opacity-0 scale-95"
                            x-transition:enter-end="transform opacity-100 scale-100"
                            x-transition:leave="transition ease-in duration-75"
                            x-transition:leave-start="transform opacity-100 scale-100"
                            x-transition:leave-end="transform opacity-0 scale-95"
                            class="origin-top-right absolute right-0 mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none"
                            role="menu"
                            aria-orientation="vertical"
                            aria-labelledby="options-menu"
                            style="display: none;"
                        >
                            <div class="py-1" role="none">
                                <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900" role="menuitem">Account settings</a>
                                <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900" role="menuitem">Support</a>
                                <a href="#" class="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900" role="menuitem">License</a>
                                <form method="POST" action="#" role="none">
                                    <button type="submit" class="block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900" role="menuitem">Sign out</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </td>
            </tr>

            <tr class="bg-gray-50" x-description="Even row">
                <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">
                    Cameron Williamson
                </td>
                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                    Internal Applications Engineer
                </td>
                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                    cameron.williamson@example.com
                </td>
                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">
                    Member
                </td>
                <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
                    <a href="#" class="text-indigo-600 hover:text-indigo-900">Edit</a>
                </td>
            </tr>
        </tbody>
    </table>
</div>

Expected behavior The dropdown should be rendered on top of the table.

Screenshots Screenshot from 2021-04-13 17-05-30

closed time in 20 hours

anthonymakela

issue commenttailwindlabs/tailwindui-issues

Issue regarding dropdowns combined with tables

Closing this in favor #692.

anthonymakela

comment created time in 20 hours

issue closedtailwindlabs/tailwindui-issues

Menu dropdown direction

not sure if this is here or in headless ui, or even on tailwind itself, but this the snippet im using is from tailwind ui

is there a way to fix this issue? https://user-images.githubusercontent.com/6648110/126039272-7a9388ad-c102-4760-ae65-aec38aa622fc.mp4

closed time in 20 hours

alainbelez

issue commenttailwindlabs/tailwindui-issues

Menu dropdown direction

Closing this in favor #692.

alainbelez

comment created time in 20 hours

issue closedtailwindlabs/tailwindui-issues

Stepper

Something akin to http://nostyle.herokuapp.com/components/stepper

a plus and a minus button around a number input

This is discussed in detail in Adam Silver's Form Design Patterns, chapter 3.

closed time in 20 hours

trey

issue closedinertiajs/inertia

Bug: Cannot scroll to top manually in inertia apps

I tested in the official ping crm as well as in an app I'm working on.

Basically, to reproduce it open the console and run window.scrollTo({ top: 0, behavior: 'smooth' });

It works in other websites just fine.

Thank you

closed time in 21 hours

haikyuu

issue commentinertiajs/inertia

Bug: Cannot scroll to top manually in inertia apps

So the reason this doesn't work in the Ping CRM demo app is because the app uses a scroll container. If I had to rebuilt it, I could have made the whole body scrollable when scrolling the content, in which case this would work. You could, of course, manually scroll the content scroll container.

Either way, this is totally possible, the implementation just changes depending on how you've built your app.

Hope that helps. Closing this as it's not an Inertia.js bug. 👍

haikyuu

comment created time in 21 hours

PR opened tailwindlabs/tailwindcss

Add `break-before`, `break-inside` and `break-after` utilities

This PR adds new fragmentation utilities to Tailwind CSS, including break-before, break-inside and break-after.

Purpose

The primary purpose of these classes is to set how column and page breaks should behave. For example, it's very common to want to use break-after: avoid-column when using multi-column layouts. These utilities are also useful when setting print page break styles.

Example

Here is an example of how you might use these utilities in a multi-column layout:

<div class="columns-2 space-y-2">
  <blockquote class="p-4 rounded bg-white border-2 border-gray-300 break-inside-avoid-col">Lorem ipsum dolor sit amet, consectetur adipiscing elit...</blockquote>
  <blockquote class="p-4 rounded bg-white border-2 border-gray-300 break-inside-avoid-col">Maecenas bibendum volutpat tortor, ac viverra lacus sem...</blockquote>
  <blockquote class="p-4 rounded bg-white border-2 border-gray-300 break-inside-avoid-col">Nulla ac mi erat. Integer porta lacus sit amet felis al...</blockquote>
  <blockquote class="p-4 rounded bg-white border-2 border-gray-300 break-inside-avoid-col">Nullam at aliquam velit, quis tempor lectus. In ferment...</blockquote>
  <blockquote class="p-4 rounded bg-white border-2 border-gray-300 break-inside-avoid-col">Aenean interdum risus quam, vitae accumsan dui consequa...</blockquote>
</div>

Here is the result without break-inside-avoid-col:

image

And here is the result with break-inside-avoid-col:

image

It's worth noting that break-inside: avoid-column was not supported in Firefox, until recently, thanks to Adam. 🙌

Naming

The naming of these classes is anything but creative. I literally just combined the property name with the value. This does mean there are a few four word utilities, which is somewhat regrettable, I just don't see a way to avoid (pun intended) it. I did make one exception here — instead of break-after-avoid-column, I'm using break-after-avoid-col. Ironically, it was both the longest utility name and also one of the most common utilities to use, so this seemed like a good reason for an exception.

Browser compatibility and excluded values

The browser support for these new utilities is a bit of a mixed bag. Some of these utilities work within paged media (when printing), but don't work in multi-column layouts. To keep things simple, I just included them all, with the exception of the experimental recto, verso and region values, which basically have no browser support at all:

break-before: recto;
break-after: recto;
break-before: verso;
break-after: verso;
break-before: avoid-region;
break-before: region;
break-inside: avoid-region;
break-after: avoid-region;
break-after: region;

If we were to remove more, it would be the always and avoid-column values for break-before and break-after, which have basically no browser support either:

break-before: always;
break-after: always;
break-before: avoid-column;
break-after: avoid-column;

For now I've left them in — again for simplicity — but I could be convinced to remove them.

Complete class list

Here is a complete list of all the new classes and their corresponding CSS:

Class CSS
break-before-auto break-before: auto
break-before-avoid break-before: avoid
break-before-always break-before: always
break-before-all break-before: all
break-before-avoid-page break-before: avoid-page
break-before-page break-before: page
break-before-left break-before: left
break-before-right break-before: right
break-before-avoid-col break-before: avoid-column
break-before-column break-before: column
break-inside-auto break-inside: auto
break-inside-avoid break-inside: avoid
break-inside-avoid-page break-inside: avoid-page
break-inside-avoid-col break-inside: avoid-column
break-after-auto break-after: auto
break-after-avoid break-after: avoid
break-after-always break-after: always
break-after-all break-after: all
break-after-avoid-page break-after: avoid-page
break-after-page break-after: page
break-after-left break-after: left
break-after-right break-after: right
break-after-avoid-col break-after: avoid-column
break-after-column break-after: column
+49 -0

0 comment

3 changed files

pr created time in 21 hours

create barnchtailwindlabs/tailwindcss

branch : break-utilities

created branch time in a day

issue commenttailwindlabs/tailwindcss

Container not prefixed with #app when setting important setting in config

Hey there! So yeah, this is expected behavior.

The purpose of the "important" option in Tailwind is to give you the ability to override the styles of classes with a higher specificity. This can be especially helpful when using Tailwind in a project that uses existing styles, or even third-party styles, that have a higher specificity than the Tailwind styles.

As for the container, it's actually not a utility, but rather a component. Unlike utilities, the container sets a max-width value at each breakpoint using media queries. So in that sense it hasn't been designed to override existing styles.

Often in these situations we've found that folks are actually trying to use the important option as a scoping tool. That's not the intent of this feature. It's simply a hack for increasing specificity of utilities, and not intended as a way to isolate Tailwind to a specific DOM tree.

In the same way, our reset styles are also not prefixed with the important selector either.

That all said, if you're using the new JIT mode, you can manually apply the !important rule on a per class basis using an exclamation mark before the class, like this:

<div class="!container">

I hope that helps! 🤟

DHFW

comment created time in 2 days

issue closedtailwindlabs/tailwindcss

Container not prefixed with #app when setting important setting in config

When using the config setting important: '#app' the .container class is not prefixed with #app. Version used: 2.2.14/15.

Is this intentional or a bug?

Reproduction in this playground:

https://play.tailwindcss.com/J0o6cTXB0O

closed time in 2 days

DHFW

issue closedtailwindlabs/tailwindcss

Define a maximum aspect ratio

What version of @tailwindcss/aspect-ratio are you using?

v0.2.1

What version of Node.js are you using?

v14

What browser are you using?

Chrome

What operating system are you using?

macOS

Reproduction repository

https://play.tailwindcss.com/OkIu0rEEMo

Describe your issue

Is it possible to define a max aspect ratio that shouldn't be exceeded? For example in the linked Playground you can see 21:9 image embedded with an aspect ratio of 16:9 and I would like to achieve that if an image exceeds the aspect ratios width it should simply display in full size instead of a fixed ratio. So my reason to use this plugin is just to make sure that the height of an image is never >=0.5625 times as big as its width.

closed time in 2 days

MaluNoPeleke

issue closedtailwindlabs/headlessui

Invalid hook call

Seems to be almost any component that contains popover??

Server Error Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:

  1. You might have mismatching versions of React and the renderer (such as React DOM)
  2. You might be breaking the Rules of Hooks
  3. You might have more than one copy of React in the same app See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.

only happens when using a popover element from your headlessui selection - not actually sure what the issue is as I use your components all the time and never get this issue - I have been trying to replicate on other sites I was building but can't get it to replicate anywhere else but no matter how many times I restart this element on the specific site it just won't fix at all :/

Steps to reproduce the behavior: use any of the elements with popover components and then using dev server it presents with the issue above (very sorry am unsure if this will even replicate on something else as I haven't been able to!!)

Server Error Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:

  1. You might have mismatching versions of React and the renderer (such as React DOM)
  2. You might be breaking the Rules of Hooks
  3. You might have more than one copy of React in the same app See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.

Screenshot 2021-09-03 at 00 40 29

Browser/Device (if applicable) safari, macOS (Monterey)

I went through the react docs and the only applicable invalid hook call scenario was the second (rules of hooks) I isolated your code on a separate file to check if it was just me being a prat but I couldn't get it to replicate with only my code (tried it completely separate and it still ran the same error) unsure if you have had anyone have this issue before but if you have let me know if you know how to fix :)))) thank you for your time!!

p.s. I love tailwind css / ui and this is nothing on you on the team as a whole - thanks for your help in advance :)

closed time in 4 days

sneddonisaac

push eventtailwindlabs/tailwindui-issues

Jonathan Reinink

commit sha eb5a2c49433343cc6b79127c99cdcccebd8595d0

Fix spelling mistake in discussion template

view details

push time in 4 days

issue commenttailwindlabs/tailwindui-issues

Brand sidebar with light header ~ top bar disappears when scrolling to bottom of page on mobile devices

Thanks for reporting this @eliahburns. I have been able to reproduce this issue (see video below). The heart of the issue is that we're scrolling a nested container instead of the body. I'm working on a solution, and will report back once it's been fixed. 👍

https://user-images.githubusercontent.com/882133/133145098-a09855ed-88ec-4425-b82b-8eab810179a2.MP4

eliahburns

comment created time in 5 days

issue closedtailwindlabs/tailwindui-issues

Gantt chart implementation

<!-- Tailwind UI has been built for you, so we're always interested in hearing your ideas for new components.

Before creating a request, be sure to see if someone has already made a similar request in the public Tailwind UI Roadmap in Trello: https://trello.com/b/Nh6e9w8Q/tailwind-ui-roadmap

If so, feel free to add a vote to the request so we can gauge interest.

We can't promise that we will design/build every single suggestion, but if we think something would be useful to meaningful portion of the community we will absolutely explore it. -->

Screenshots Provide a screenshot of your existing solution or of examples you've seen elsewhere that you think would be helpful inspiration.

Additional context Add any important details you think we need to know to make sure we build something that matches what you need.

closed time in 5 days

Yesid8

push eventtailwindlabs/tailwindui-issues

Jonathan Reinink

commit sha 05c94b6657716c5e918918face3712f306f40a34

Update issue template to point to discussions for suggestions

view details

push time in 5 days

push eventtailwindlabs/tailwindui-issues

Jonathan Reinink

commit sha 64ead2e1344ec8bcc8380a71b38992f8f34db61b

Update issue template to point to discussions for suggestions

view details

push time in 5 days

push eventtailwindlabs/tailwindui-issues

Jonathan Reinink

commit sha 8f01bf5a0a28cc552348626302efa131f4ac312e

Update issue template to point to discussions for suggestions

view details

push time in 5 days

push eventtailwindlabs/tailwindui-issues

Jonathan Reinink

commit sha 5855b7e063e550de5201d1a6c457c73716e73795

Update issue template to point to discussions for suggestions

view details

push time in 5 days

push eventtailwindlabs/tailwindui-issues

Jonathan Reinink

commit sha 057d09c76e26bde2d587df5c4dd74e99d8e10e92

Update issue template to point to discussions for suggestions

view details

push time in 5 days