staticmania / keep-react Goto Github PK

Description : In the current version of the project, I have observed that when the user clicks the search button, the focus is not automatically set to the search input field. This behavior differs from common web practices, where clicking the search button or initiating a search automatically focuses on the input field, allowing users to start typing without an additional click.

By implementing auto-focus on the search input field after clicking the search button, we can enhance the user experience and align the project's behavior with widely adopted conventions. This improvement aims to streamline the search process, making it more intuitive and user-friendly.

ClassName props add in every component so that tailwind class can be apply in component

Carousel compresses the image when displayed on small screens.

When I click any button I can't see any clicking animation. It is a bad user experience.

@RakibRahman Can you add your code in this issue? I forgot to add you as a contributor on previous pr.

Arrange the components in a more beautiful way so that the user can easily remember the style of our components. And some components have some heavy props, remove these and handle them through small props.

import Image from "next/image";

This line not working properly!
I was trying to use a carousel component but I got this error.

Can't use with Formik "from the box"

publint

Tailwind color

Keep React color

As a frontend developer a component library like this was very necessary. Keep React is a good example of the fact that it is possible to make international quality products in Bangladesh. I am proud to be a Bangladeshi developer. But the primary component of all websites is the footer. Surprisingly, this footer component is missing in this library! Let's add it here as soon as possible. thank you

I've installed the packege in my practice project. and the preset is overwriting the font-related classes of tailwind css. check the files for more details...

Is keep-react support typescript?

I've tried in nextjs typescript but not working.

i am facing compilation err while building project with next js 14.0.1 with page router. please take a look at this

Failed to compile
./node_modules/react-datepicker/dist/react-datepicker.css
Global CSS cannot be imported from within node_modules.
Read more: https://nextjs.org/docs/messages/css-npm
Location: node_modules\keep-react\lib\esm\components\DatePicker\MonthPicker.js

the err might be following: https://nextjs.org/docs/messages/css-npm

????

Duplicate Discord link remove

Issue Description:
To enhance user experience by providing detailed information about the changes in each release, including new components or updates, directly inside the component or in the sidebar.

Proposal:
In every latest release, we should include small, informative details inside each component, clearly indicating whether it has been updated or is a new addition. This will help users quickly identify changes without having to refer to a separate release note.

Something Like this :

Adding accessibility to components is essential for creating an inclusive and usable web application. It ensures that people of all abilities, including those with disabilities, can access and interact with your content. Accessibility not only enhances the user experience for everyone but also expands your user base, helps with legal compliance, positively impacts SEO, and aligns with corporate social responsibility.

Fix Typo Issue

Thanks for this awesome component library. I have found a simple issue here.

Dropdown component "Dropdown With Title Description" items overlapped the Navbar content , which I think is not the appropriate behavior.

link to the issue : https://react.keepdesign.io/docs/components/dropdown

I am visiting the UI Library but I cannot find select options, you can add a searchable select option.

You must needed add banner or hero component

Description

• Add Display Typography
• Add Heading Typography
• Add Paragraph Typography
• Add Text Typography
• Add Body Typography

Thanks for such a great tool!
Can you give more control over tab content styling, e.g. i would like to change background, paddings, borders for tab content block

Hello 👋, I've found the following issues:

1. The name of the Carousel variant CarousellWithTextControll.tsx should be CarouselWithTextControl.tsx
2. Carousel is spelt as "Carousell" on multiple instances.
3. Control is spelt as "Controll" on multiple instances.

I've already made changes.

Hi keep react,

Hope you're doing well! 👋 First off, big thanks for the awesome work on the Keep React component library.

I'm currently facing a challenge as we gear up for a global release. The absence of RTL (Right-to-Left) support is causing some hiccups, especially for users in regions where RTL languages are the norm.

I noticed that the library currently doesn't have RTL support. Adding this feature could be a game-changer, making the library more globally accessible, improving user experience, and potentially widening its user base.

I get that introducing RTL support might come with its own set of challenges, but I wanted to stress how crucial it is for our use case. Even though I'm not a contributor to the project, I'm more than happy to pitch in however I can to see RTL support become a reality in the Keep React component library.

On another note, I've also thrown in some feature requests for a calendar, sidenav, and dark mode. These additions, along with RTL support, could really amp up the library's versatility.

Carousel controls is changing but images are not changing

Update Installation Process Documentation for better user experience

When I click the button, it takes me to the main page. This is annoying. I have to get back where I was.

If the link stays on the current page, it will be better user experience.
thanks

if the screen shoot is not working, please visit in this link, https://react.keepdesign.io/docs/components/avatargroup

Theme code snippet is remove from documentation

Issue

The Discord link on the website is expired. I tried clicking on it, but it led to an expired link page.

Where

I found this issue on the Discord button.

Steps to Reproduce

1. Go to the website.
2. See the Discord Button on the Navbar.
3. Click on the Discord link.

Screenshot :

Github says:
About topics Adding topics to your repository To help other people find and contribute to your project, you can add topics to your repository related to your project's intended purpose, subject area, affinity groups, or other important qualities.

I would like to say that it will help to recognize why the repository comes to the field.

Code Spelling Mistake