shahryarjb

shahryarjb

Mishka Chelekom needs your suggestion to support DaisyUI and custom system design

Hello everyone. As we previously introduced the Mishka Chelekom library, we’ve been releasing many components for Phoenix and LiveView for some time now, and the count has reached a substantial number. We’re confident about DaisyUI and other libraries, and recently we’ve reached nearly 10,000 downloads.

Read more: Mishka Chelekom - Phoenix and LiveView UI kit and components

Phoenix’s new version 1.8 has built-in DaisyUI support, and we want to support this library as well. However, we’ve encountered an ideological challenge that we’ve fully outlined in the issue below. We hope the community can help us reach a good solution.


Help Us :backhand_index_pointing_down::backhand_index_pointing_down:
Proposal for Supporting and Integrating DaisyUI and Custom Design Systems into Chelekom


The problem summary is that DaisyUI has its own specific HTML, as does Mishka Chelekom, and we’ve considered many aspects. If we want to fully support DaisyUI’s complete form with its HTML, we’d need to bring all components and convert everything from scratch into Phoenix components. If we don’t include the HTML, we can only use colors, shadows, and other elements, which certainly won’t visually resemble DaisyUI—full details are in the issue I’m linking.

We hope friends and colleagues will help us so that ideally we can fully support both DaisyUI and other custom design systems. We’re waiting for you dear ones. :folded_hands:t2::heart:

Most Liked

greven

greven

If I was developing it I wouldn’t support DaisyUI. I look at Daisy as its own thing. It’s a way to quickly augment HTML. Chelekom is its own library so go your own way. :wink:

Use Daisy UI if you want as a base to build a base style for the library but don’t depend on it. Look how it supports its themes for example.

derek-zhou

derek-zhou

I would suggest you not to care about what the Phoenix include by default. At the end of the day, you have to maintain your code and the leaner the easier.

greven

greven

Design Systems is probably one of my favourite topics and I have probably “studied” hundreds of different systems, CSS frameworks and such! :smiley: But you know why there are so many options? You can never please everybody. Some people will prefer something that looks good out of the box, some prefer something bare bones to style it themselves. It depends on the direction you want to go. Probably the option with the highest appeal is “looks good out-of-the-box but it is easy to customize”. This is what DaisyUI does well for example, since TailwindCSS isn’t really easy to build themes on top of out of the box (other than supporting light/dark theme of course). At the end of the day, you can achieve a lot by changing base/brand colour, fonts, radii, etc. :slight_smile:

Last Post!

shahryarjb

shahryarjb

Thanks both of you @derek-zhou and @greven

Yes, it makes sense :sweat_smile:

For example after installing the Mishka Chelekom lib as a dev dependency, user just needs to run this command and the command deletes the phoenix core component (import) line and replace with ours

mix mishka.ui.gen.components --import --helpers --global --yes

:heart::folded_hands:t2:

Where Next?

Popular in Discussions Top

rms.mrcs
A couple of days ago I was discussing with a friend about different approaches to write microservices. He said that if he was going to w...
New
boundedvariable
I am going through the kafka architecture. All the features what the kafka is providing are already in Erlang. I would like hear your opi...
New
lucaong
Hello Elixir and Nerves community, I have been working for a while on an open-source embedded key-value database for Elixir, that I call...
230 14350 124
New
Fl4m3Ph03n1x
Background This question comes mainly from my ignorance. Today is Black Friday, one of my favorite days of the year to buy books. One boo...
New
owaisqayum
I have a sample string sentence = "Hello, world ... 123 *** ^%&*())^% %%:>" From this string, I want to only keep the integers, ...
New
cvkmohan
The upcoming Phoenix 1.6 release looks very interesting. Became a habit to watch the commits - and - what they are bringing in. phx.gen...
New
sergio
Kind of like when jquery came out, it was super necessary. Existing drag and drop libraries have a bunch of baggage to support old browse...
New

Other popular topics Top

KronicDeth
Elixir plugin for JetBrain’s IntelliJ Platform (including Rubymine) This is a plugin that adds support for Elixir to JetBrains IntelliJ...
289 36654 110
New
hariharasudhan94
I would like to know what is the best IDE for elixir development?
New
chrismccord
Phoenix 1.4.0 released Phoenix 1.4 is out! This release ships with exciting new features, most notably with HTTP2 support, improved deve...
688 31494 112
New
gshaw
What is the idiomatic way of matching for not nil in Elixir? E.g., First way: defp halt_if_not_signed_in(conn, signed_in_account) when...
New
msaraiva
Surface is an experimental library built on top of Phoenix LiveView and its new LiveComponent API that aims to provide a more declarative...
564 44139 214
New
JorisKok
I have a server on AWS, and was running a load test using artillery. When looking at the Phoenix dashboard I see the Ports going to 100% ...
New

We're in Beta

About us Mission Statement