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.

Sign up for GitHub

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

Jump to bottom

pricing card with ribbon in tailwindCSS #126

Closed
jsvigneshkanna opened this issue Oct 20, 2022 · 2 comments · Fixed by #173
Closed

pricing card with ribbon in tailwindCSS #126

jsvigneshkanna opened this issue Oct 20, 2022 · 2 comments · Fixed by #173
Assignees
@Kabiirk
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 pricing card with ribbon as per below image. **

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

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

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 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 20, 2022
@Kabiirk
Copy link
Contributor

Kabiirk commented Oct 20, 2022

Hi,

Can you please assign this to me ?

@jsvigneshkanna
Copy link
Owner Author

Great @Kabiirk
Please make sure the design is same in result and have ribbon at top right

@Kabiirk Kabiirk mentioned this issue Oct 21, 2022
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@Kabiirk Kabiirk

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
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Pricing card ribbon Kabiirk/tailwind_ui_components
2 participants
@Kabiirk @jsvigneshkanna