also, using
trust instead of peer as I was previously
Sorry it’s being such a pain to get working!
Have any of y'all successfully created a wrapper Component for a
link in Lucky? I've been trying with something like what's below, but it's trying to match the union type to a signature in Lucky::LinkHelpers rather than each individual type and throwing a compile error :(class UI::CardActionHeader < BaseComponent
needs title : String
needs link_text : String
needs link_target : Lucky::Action.class | Lucky::RouteHelper | String
def render
div class: "-ml-4 -mt-2 flex items-center justify-between flex-wrap sm:flex-no-wrap" do
div class: "ml-4 mt-2" do
h3 class: "text-lg leading-6 font-medium text-gray-900" do
text title
end
end
div class: "ml-4 mt-2 flex-shrink-0" do
span class: "inline-flex rounded-md shadow-sm" do
link link_text, to: link_target, class: "a lot of classes"
end
end
end
end
end
Ends up throwing this:
web | 15 | link link_text, to: link_target, class: "a lot of classes"
web | ^---
web | Error: no overload matches 'UI::CardActionHeader#link' with types String, to: (Lucky::Action.class | Lucky::RouteHelper | String), class: String
web |
web | Overloads are:
web | - Lucky::LinkHelpers#link(text, to : Lucky::RouteHelper, attrs : Array(Symbol) = [] of Symbol, **html_options)
web | - Lucky::LinkHelpers#link(text, to : Lucky::Action.class, attrs : Array(Symbol) = [] of Symbol, **html_options)
web | - Lucky::LinkHelpers#link(to : Lucky::RouteHelper, attrs : Array(Symbol) = [] of Symbol, **html_options, &block)
web | - Lucky::LinkHelpers#link(to : Lucky::Action.class, attrs : Array(Symbol) = [] of Symbol, **html_options, &block)
web | - Lucky::LinkHelpers#link(to : Lucky::RouteHelper, attrs : Array(Symbol) = [] of Symbol, **html_options)
web | - Lucky::LinkHelpers#link(to : Lucky::Action.class, attrs : Array(Symbol) = [] of Symbol, **html_options)
web | - Lucky::LinkHelpers#link(text, to : String, attrs : Array(Symbol) = [] of Symbol, **html_options)
web | - Lucky::LinkHelpers#link(to : String, attrs : Array(Symbol) = [] of Symbol, **html_options, &block)
I've been shown Laravel's Telescope tool and it makes me all the more excited for Breeze :tada: :tada: :tada: :tada:
@stephendolan @confact This is what I was going to recommend (not tested yet) https://gist.github.com/paulcsmith/180bf202509b926c914e92bd137700de
Similar pattern to
Shared::Field. This allows you to pass any option you want and use other methods like a or button instead of link. But I haven't test yet so not sure. Might be worth exploring. Looking forward to seeing what you came up with @stephendolan!
D'oh I totally misrememebered what I read from your snippet yesterday, but the gist is that you can pass a block to
with_defaults and that seems to work pretty well!
@stephendolan Updated gist with a slightly different pattern. This is more "composalbe" in that you can pass in any button you want, or list of buttons, etc. https://gist.github.com/paulcsmith/180bf202509b926c914e92bd137700de
So you pass in a Proc for the actiosn and use a
Button component to share common classes
Here's the first LuckyCast that actually may help out some folks that frequent the Gitter on named slots: https://www.youtube.com/watch?v=KoiKOD63tRQ
Still experimenting with tone, editing, and length, but pretty happy with how concise this one felt! Enjoy!
I think maybe lining to what a Proc is and what the Void part is would be cool, but even as-is I think it is super helpful. Nice work!
It's hard because I'm not sure how much to "spam" the Crystal community at large with Lucky-specific screencasts
(Don't worry, I'll have no mercy on this chat :wink: )
yeah, spam our chat with these! :rocket:
But maybe one day....
Also I'd be curious to hear what you think of the gist I posted. I haven't used it or the version you posted so I'd be very curious to hear which one you prefer and why so we can help explain the different approaches and pros/cons
2 replies
@stephendolan in reference to https://gist.github.com/paulcsmith/180bf202509b926c914e92bd137700de where I used with_defaults similar to the Shared::Field component. This way the classes are set automatically which I think is kinda cool
But also the Proc for passing actions, but mostly looking for feedback on with_defaults for use with buttons
Like I'd need a way to produce
<a class="btn" href="#">Test</a>, rather than <button class="btn"><a href="#">Test</a></button>
Unless this is just me needing to learn more CSS/Tailwind :smile: