Sebb

Sebb

I use sth like solid’s classList

<div class={class_list(%{
    "these classes are always included" => true,
    "these only when foo is 0" => @foo == 0,
    "only when bar aint baz" => @bar != "baz"
  })
}>
def class_list(map) do
  map
  |> Enum.filter(fn {_, include?} -> include? end)
  |> Enum.map(fn {class, _} -> class end)
  |> Enum.join(" ")
end

thats OK, but it would be nice if we could do

<div class_list={%{
    "these classes are always included" => true,
    "these only when foo is 0" => @foo == 0,
    "only when bar aint baz" => @bar != "baz"
  }}
>

What are some other approaches?

Showing Posts 1 to 4

LostKobrakai

LostKobrakai

<div class={[
    "these classes are always included",
    if(@foo == 0, do: "these only when foo is 0"),
    if(@bar != "baz", do: "only when bar aint baz")
  ]}
>
Sebb

Sebb OP

That’s also nice. Didn’t know you can give a list of strings. Where is this documented?

removing the join from the class_list function

Sebb

Sebb OP

this looks nice, I think I’ll settle with this. I knew there was sth hidden I did miss. Thank you.

<div class={[
    "these classes are always included",
    @foo == 0 && "these only when foo is 0",
    @bar != "baz" && "only when bar aint baz"
  ]}
>
— All posts loaded —

Where Next? Top

Trending in Discussions Top

AstonJ
As the title says, please share what you’ve been up to with Elixir. Whether that’s been learning it, looking into it, making stuff with i...
2977 92995 915
New
caslu
I want to open this thread for you all to discuss and help those who really like Ash but are still hesitant to use it in a real project. ...
New
mudasobwa
I am happy to introduce the very α version of the new programming language compiled to BEAM. Welcome Cure. It has literally three kille...
New
GES233
I’m posting this in response to Jose’s recent tweet (Cr. link) : People are sleeping on Elixir for a coding harness: Hot-code swappi...
New
marciol
It would be helpful to have a list of companies worldwide that hire engineers without prior experience in Elixir. Often, it can be quite ...
New
durvia
Anyone running long-lived stateful processes on BEAM? We’re building an AI agent runtime and would love to compare notes. We’re a small ...
New
nseaSeb
I’ve just put together a small POC exploring PDF inspection from Elixir/Phoenix: The idea is pretty simple: drag &amp; drop a PDF in a...
New

Other Trending Topics Top

garrison
Hobbes is a low-level distributed database for the Elixir programming language. Hobbes provides a simple, safe, and scalable storage lay...
New
marciok
Hi there! We created Gust: A task orchestrator inspired by Airflow. For those who have never heard about Aiflow, it’s a Python-based wor...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
Dmk
Xamal is a deployment tool for Elixir apps that deploys native releases to bare metal servers over SSH. It’s a port of GitHub - basecamp/...
New
Damirados
Hello everyone. After busy few months I am happy to announce v0.1.0 of Emerge &amp; Solve. They are GUI (Emerge) and State management (S...
New
netoum
Corex is an accessible, unstyled UI component library for Phoenix that integrates Zag.js state machines using Vanilla JavaScript and Live...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews