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

Add TailwinCSS 3 support #1762

Open
wants to merge 6 commits into
base: main
Choose a base branch
from
Open

Add TailwinCSS 3 support #1762

wants to merge 6 commits into from

Conversation

loqimean
Copy link

@loqimean loqimean commented Feb 20, 2022

Add support for the TailwindCSS 3 framework. Now is supporting horizontal forms. It looks like this:

Screenshot 2022-02-20 at 18 13 25

@loqimean loqimean changed the title feat(project|lib|test) add TailwinCSS 3 support Add TailwinCSS 3 support Feb 20, 2022
@Mar1cX
Copy link

Mar1cX commented Apr 8, 2022

@carlosantoniodasilva It would be great if this PR would further be looked into and proceeded with a merge.

@gardnerapp
Copy link

I'm not sure how getting a pull request works in this project, but I've read through these commits and they look good to me.

@chenjau
Copy link

chenjau commented Sep 7, 2022

any news?

@loqimean
Copy link
Author

any news?

Nope(

@rafaelfranca
Copy link
Collaborator

#1723 (comment)

@candland
Copy link

I'd love if this was available too!

@lcjury
Copy link

lcjury commented Dec 31, 2022

Hope this get merged someday soon :)!

```
abbr[title=required] {
@apply !text-red-500 no-underline;
}
Copy link

@JuanVqz JuanVqz Sep 3, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi @loqimean! Thanks for your contribution!

I noticed that we can use the following snippet at the config/locales/simple_form.en.yml file and override the abbr props

    required:
      # text: "required"
      # mark: "*"
      html: '<abbr class="text-red-500 no-underline" title="required">*</abbr>'

image_2023-09-03_002728140

btw, you should add the simple_form.*.yml into the content array at the tailwind.config.js file

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

oh, nice idea, can you add it to the PR?)

Copy link

@JuanVqz JuanVqz Oct 11, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Sure will add it.

Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@loqimean I ended up creating a gem to install the tailwind theme and added the locale file automatically. (It also has support for bulma css)

JuanVqz/simple_form-theme#5

@malachaifrazier
Copy link

is this PR dead?

@loqimean
Copy link
Author

is this PR dead?

Would be ask it for an author of a gem, because I'm ready to update it and merge

@pas256
Copy link

pas256 commented Jun 17, 2024

I love this. Thank you! Has anyone had any trouble using it?

@JuanVqz
Copy link

JuanVqz commented Jul 6, 2024

Hey! I've developed a gem to support simple_form themes for modern CSS frameworks. We currently support Bulma and Tailwind CSS. Feel free to contribute by opening issues or pull requests. See you soon!

https://github.com/JuanVqz/simple_form-theme

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

10 participants