New Update 14.1!
Slide over
Special thanks to Ethan Crawford for this one 
Full documentation
nhoban
3
nhoban
New Update 15.0!
Switch
Special thanks to tamanugi for helping get this one across the line
Full documentation
https://github.com/petalframework/petal_components
3
nhoban
jack-s9
If you are interested in Petal Pro, they are running a discount that ends in a couple days.
For a great run through of all the Petal Pro features, check out their guide. It walks you through creating a little reminder app using Petal Pro:
2
CharlesIrvine
I’m curious whether Petal Components is compatible with Phoenix 1.7 RC 0?
And, if so, are there any instructions on how to configure a 1.7 app for Petal Components?
1
mplatts
Yes they are compatible. The only issue is that Petal Components and Phoenix 1.7 both define a <.button> and <.modal> component. So you will either need to delete those from core_components.ex (if you want to use just Petal Components) or change their names so there isn’t a clash.
0
CharlesIrvine
Thanks for the info!
Are there any instructions for configuring a 1.7 project to use Petal Components?
0
mplatts
No not yet - but I’ll try add some in later today.
I believe it would be just following the same instructions but commenting out the modal/button functions in page_component.ex. Any phoenix generator won’t work properly as they’ll use the core_component versions of button/modal. A better way might be to override the button/modal functions and change them to output the petal component versions. I’ll have a play and post in here once some proper instructions are up.
0
CharlesIrvine
By “same instructions”, what do you mean?
I’m following the video at Petal Components - ElixirCasts to make my changes. Are there alternate instructions somewhere?
I just now encountered the collision problems with button, modal, etc. I’m fixing it by renaming the core components functions to cc_button, cc_modal, etc, and then changing all of the function references.
0
CharlesIrvine
I have this LiveView module:
defmodule IknowWeb.PetalLive.TestPetalLive do
use Phoenix.LiveView
use PetalComponents
def mount(_params, _session, socket) do
{:ok, socket}
end
def render(assigns) do
~H"""
<.button color="white" label="White" />
"""
end
end
To get the render function to work, I had to add the:
use PetalComponents
Is there a better way that doesn’t require me to use that directive?
0