Skip to content

Add TailwinCSS 3 support - #1762

Open
loqimean wants to merge 6 commits into
heartcombo:mainfrom
loqimean:main
Open

Add TailwinCSS 3 support#1762
loqimean wants to merge 6 commits into
heartcombo:mainfrom
loqimean:main

Conversation

@loqimean

@loqimean loqimean commented Feb 20, 2022

Copy link
Copy Markdown

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

Mar1cX commented Apr 8, 2022

Copy link
Copy Markdown

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

@gardnerapp

Copy link
Copy Markdown

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

chenjau commented Sep 7, 2022

Copy link
Copy Markdown

any news?

@loqimean

Copy link
Copy Markdown
Author

any news?

Nope(

@rafaelfranca

Copy link
Copy Markdown
Collaborator

#1723 (comment)

@candland

Copy link
Copy Markdown

I'd love if this was available too!

@lcjury

lcjury commented Dec 31, 2022

Copy link
Copy Markdown

Hope this get merged someday soon :)!

Comment thread README.md
```
abbr[title=required] {
@apply !text-red-500 no-underline;
}

@JuanVqz JuanVqz Sep 3, 2023

Copy link
Copy Markdown

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
Copy Markdown
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?)

@JuanVqz JuanVqz Oct 11, 2023

Copy link
Copy Markdown

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
Copy Markdown

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
Copy Markdown

is this PR dead?

@loqimean

Copy link
Copy Markdown
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

pas256 commented Jun 17, 2024

Copy link
Copy Markdown

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

@JuanVqz

JuanVqz commented Jul 6, 2024

Copy link
Copy Markdown

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