"Petal Components" package - a set of Tailwind styled components written in HEEX

News Announcing
, , , , ,
50

My petal dropdown looks like this (with styling removed for clarity):

<.dropdown>
    <:trigger_element>
        <div>
            <span>
            Dropdown
            </span>
        </div>
    </:trigger_element>
    <.dropdown_menu_item link_type="live_redirect" to={MyAppWeb.Router.Helpers.post_cat_url(MyAppWeb.Endpoint, :cat, "category 1")} label="category 1" />
    <.dropdown_menu_item link_type="live_redirect" to={MyAppWeb.Router.Helpers.post_cat_url(MyAppWeb.Endpoint, :cat, "category 2")} label="category 2" />
</.dropdown>

Not sure if this is enough. To be honest I don’t have much good experience with JS and every time I’m trying to use it I end up dejected after a lot of struggling. As a result I’m actively trying to avoid writing JS myself and try to rely on libraries like this one. Perhaps that’s not a very wise strategy haha :slight_smile:

1 Like