anthonator
Nested component slots
Hey all!
I understand that slots cannot be nested and I’m wondering 1) is there a good workaround that anybody has come across and 2) why isn’t this allowed?
Here is a simple example to illustrate what I’d like to do.
<.input_group>
<:label>
Password
<:corner_hint>
<a href="#">Forgot your password?</a>
</:corner_hint>
</:label>
</.input_group>
The :label slot simply passes it’s content to a .label component that has a :corner_hint slot.
Thanks in advance!
Most Liked
anthonator
The assumption I had when I came across this issue was that maybe they hadn’t got to implementing support for it yet. I’ve personally felt like slot/3 is a little lacking right now. Maybe it just needs more time to bake and we’ll see support for things like this in the future. Not being able to nest slots seems like it really limits their utility so hopefully we’ll see it in the future.
Would still love any patterns or workarounds or best practices for this if anybody know of any.
LostKobrakai
I don’t think there’s a way to know that is indeed happening, meaning there’s no way to enforce correctness. That enforcement however is one of the features heex wants to supply.
Also where would the support for nesting end?
Last Post!
iwarshak
Popular in Questions
Other popular topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Deploy Phoenix to your own VPS with PaaS ease: push-to-deploy, zero downtime, auto SSL, managed Postgres. 14-day free trial at potions.io
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #deployment
- #library
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #channels
- #elixirconf
- #exunit
- #discussion
- #code-sync
- #javascript
- #podcasts
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ecto-query
- #elixir-ls
- #phoenix_html
- #iex
- #blog-post
- #graphql
- #genstage
- #ai
- #websockets
- #supervisor
- #elixirconf-us
- #advent-of-code
- #distillery
- #processes
- #forms
- #api
- #metaprogramming
- #security
- #hex
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking for Elixir devs who love to ship. Start your free account.
Develop your skills with books, videos, and courses.
Producing high quality Elixir screencasts since 2017.
Enabling companies to succeed by building software people love.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"