charlie85270 / tail-kit Goto Github PK

• I'd like to work on the issue

Never have seen this. Why is there i18n in the recommended configuration?

Need specific or new component ? Is not margin-ed correctly on index page

Potential fix:
add md:mt-16

On a tablet, there's a horizontal scrollbar on the page due the navigation.

Hey contributors,

I tried fixing the transition in the toggle button, but it doesn't seem to work.

The reason is:

• transition class name in tailwind does transition on the following properties:
  • background-color
  • border-color
  • color
  • fill
  • stroke
  • opacity
  • box-shadow
  • transform

We need to apply transition on the position because the toggle element takes checked: right-0.

It would be great if someone could figure out how to apply transition on "position" property.

Thanks,
Amaan Ahmad.

• add new badge component
• utilize the new badge - to add new tag next to title of the component section, to differentiate newly added components 👍
  

How to use tail-kit with normal html + js?

Components are asking for react, like DropDownMenu.tsx

Hey,

The Google Auto Ads are pretty much breaking your website. With it, your components can't be seen properly. It's also annoying to have an ad every fourth component. That's just as much toxic advertising density as Instagram or Twitter.

Through the Ad Spam you have lost me but I am kind enough to open an issue here.

Actual: Image of 2nd team mate is hiding the social information present on card of 1st team mate.
Expectation: Image of 2nd team mate must be below the card of 1st team mate.

There'd be a lot less boilerplate if you offered stylesheet with applied components like tailwind discusses in maintability section. It would allow users to override some of the styles. I think with the components, you can redeclare a new button that extends your definition.

I discovered that there are some accessibility issues on some of
the form input components at Input. To be more specific, for the
following components

1. with label
2. required
3. on error
4. with indications

On clicking the label of these components, the input element is not focused.
This is coming from the absence of an id attribute on the input elements
with a value that corresponds with the value of its label's for attribute value.

This behaviour is opposed to the Price component on the same page which
has these values correct.

Can I raise a PR that resolves this?

Has Blazor support been discussed or considered?

Are you accepting the component from more users?If it is possible will you consider adding the checkout form or different cards in your library if so please let me know I will be happy to add those in the library. Please let me know

Multi-level sidebar menu with nesting features make its more fantastic and reusable component family

Spacing

Hello,

First, thanks for you awesome works !

How can I use Navbar with JS in Nuxtjs project ? Do i need to adapt the react component, or it's possible with other way ?

Thanks for you support.

• I have opened a PR regarding this issue, as you have a lot of forks and a lot of people are contributing, I have taken some time to set up tools for this project PR #19

Hey,
very cool project and so many useful components.

I'll try some of them tommorow for a new project, thank you.

While checking them out on mobile (OnePlus Nord with Chrome) I noticed some responsive issues with the examples.

Best,
Tom

I started a fork, to upgrade TailKit to Tailwindcss 3, but ran into problems, some of which are documented in my README.md

• lint fails for the build/ directory. It should likely be excluded.
• Cannot upgrade Node past v14 because of Webpack 4.
• Cannot upgrade React & dependencies past v16 because of react-simple-code-editor v0.11.0

The biggest problem is that Tailwind 3 requires PostCss 8 & Autoprefixer >=10. You'll notice this in
Error: true is not a PostCSS plugin.

Here are some links with details:

• postcss/postcss#1420
• tailwindlabs/tailwindcss#2396
• vercel/next.js#17236

Happy bug hunting!

• WIP - started on fixing it
• Fixed SEE #38

PostCSS is removing unused classes from the finalized css file so this is causing the live editor to not work as I would expect. This could be fixed with your tailwind config and not purge anything.

Example: On the Button change the bg-indigo-600 to bg-indigo-700 and it becomes transparent.

• WIP
  
• CLOSES #40

My name is sur le component select please change le or donne me 10%

=> Le textarea ne peut pas être élargi
=> Il manque un password avec les caractères masqué

Is it possible to put all imports of the kit of each section as an index file and then import in the page file from one file?

The placeholder component that appears in the absence of data, that either says no data exists, or add data

Hey,

the twitter:site attribute:

A Card or section for products that are in cart
With minus and plus circular button and quantity of product listed in between those products .
A delete button for removing the product from cart .
A little animation like rotation of cart item card will be awesome 😇 .

Thanks in advance to the person who will take this issue . 💫

Hey on a laptop with MDPI Screen (1280x800) the components navi is outside of the screen:

Hey Charlie,

found some mobile issues, if I have time I'll help you fixing some of them.

Best Tom

Hi Charlie,

Im a new developer (2 week) and im new to tailwind. Can you help me make this tab section using tailwind that coverts to a select menu in mobile view.