Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FEATURE]: Get started button in tailwind #65

Closed
jsvigneshkanna opened this issue Oct 19, 2022 · 9 comments
Closed

[FEATURE]: Get started button in tailwind #65

jsvigneshkanna opened this issue Oct 19, 2022 · 9 comments
Assignees
Labels
good first issue Good for newcomers hacktoberfest For hacktoberfest issue raises hacktoberfest-2022 Issues for hacktoberfest on 2022 hacktoberfest-accepted Issue fix accepted for hacktoberfest up for grabs Issues for grabings

Comments

@jsvigneshkanna
Copy link
Owner

Description

Need to create code for Get started button as per below image.

  • The final code should be placed under path tailwind_components/buttons with file name as rounded_get_started_button.jsx
  • The file as to be imported to tailwind_components/buttons/collection.js file as per example and added to the buttonCollections list
  • Post these process, go to components tab in website and check whether the codepen is updated

For any issue while creating / importing the component code file, check below sample files
https://github.com/jsvigneshkanna/tailwind_ui_components/tree/master/tailwind_components/buttons

For PR reference - https://github.com/jsvigneshkanna/tailwind_ui_components/pull/63/files

For icons please refer - https://heroicons.com/

Screenshot of the tailwind component

image

Are you taking this fetaure implementaion

No

@jsvigneshkanna jsvigneshkanna added good first issue Good for newcomers hacktoberfest For hacktoberfest issue raises hacktoberfest-accepted Issue fix accepted for hacktoberfest hacktoberfest-2022 Issues for hacktoberfest on 2022 up for grabs Issues for grabings labels Oct 19, 2022
@jsvigneshkanna jsvigneshkanna pinned this issue Oct 19, 2022
@ashishk1331
Copy link
Contributor

Can I work on this one?

  • If yes, then at hover should the background illustration keep on moving to one direction, like towards right.

@jsvigneshkanna
Copy link
Owner Author

Hi @hugekontrast
Please go ahead, the hover state can as what you explained.

Also please take look at other button component requests too

@ashishk1331
Copy link
Contributor

On it sir.

@jsvigneshkanna
Copy link
Owner Author

@hugekontrast ,

If you have ang button design that can be built using tailwind, please raise PRs for them too

Will check those

@jsvigneshkanna
Copy link
Owner Author

@hugekontrast
any updates, let me know if any help needed

@ashishk1331
Copy link
Contributor

Okay, so I tried it and need suggestions,
https://codepen.io/Ashuzon/pen/RwymzWP

@jsvigneshkanna
Copy link
Owner Author

Looks good @hugekontrast , you can remove "Ready to dive in?
Start your free trial today." text - (only button is enough) . please raise a PR

Also look for alerts components raised in issue tab

@ashishk1331
Copy link
Contributor

I've left only the button in there. And surely, I'll look into alert one.

@jsvigneshkanna
Copy link
Owner Author

@hugekontrast ,

check PR's comment- #94 (comment)

ashishk1331 added a commit to ashishk1331/tailwind_ui_components that referenced this issue Oct 19, 2022
jsvigneshkanna added a commit that referenced this issue Oct 19, 2022
Added get-started-button fixes #65
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue Good for newcomers hacktoberfest For hacktoberfest issue raises hacktoberfest-2022 Issues for hacktoberfest on 2022 hacktoberfest-accepted Issue fix accepted for hacktoberfest up for grabs Issues for grabings
Projects
None yet
Development

No branches or pull requests

2 participants