--- title: Petal Components and Phoenix 1.7 | daily.dev description: The post discusses how to use Petal Components with Phoenix 1.7 to easily build web applications. It provides instructions on configuring the application,... canonical: https://daily.dev/posts/petal-components-and-phoenix-1-7-llbexlvm6 twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Petal Components and Phoenix 1.7 | daily.dev og:description: The post discusses how to use Petal Components with Phoenix 1.7 to easily build web applications. It provides instructions on configuring the application,... og:url: https://daily.dev/posts/petal-components-and-phoenix-1-7-llbexlvm6 og:image: https://api.daily.dev/og/posts/lLBExLvm6.png og:image:alt: Petal Components and Phoenix 1.7 og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Petal Components and Phoenix 1.7 **[ElixirStatus](https://daily.dev/sources/elixirstatus)** · 5 min read · 2 upvotes · 0 comments ## Summary The post discusses how to use Petal Components with Phoenix 1.7 to easily build web applications. It provides instructions on configuring the application, importing the components, and using them in the code. The PC module is used to namespace and delegate functions to the Petal Components. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: --- Tags: [#webdev](https://daily.dev/tags/webdev), [#elixir](https://daily.dev/tags/elixir), [#tailwind-css](https://daily.dev/tags/tailwind-css) [View this post on daily.dev](https://daily.dev/posts/petal-components-and-phoenix-1-7-llbexlvm6) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Petal Components and Phoenix 1.7","url":"https://daily.dev/posts/petal-components-and-phoenix-1-7-llbexlvm6","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/petal-components-and-phoenix-1-7-llbexlvm6"},"datePublished":"2024-05-14T15:54:51.720Z","dateModified":"2024-05-14T15:54:49.838Z","description":"The post discusses how to use Petal Components with Phoenix 1.7 to easily build web applications. It provides instructions on configuring the application,...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/50454a75a664d0d01843ecc863aa60e7?_a=AQAEuiZ","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/50454a75a664d0d01843ecc863aa60e7?_a=AQAEuiZ","isAccessibleForFree":true,"articleSection":"ElixirStatus","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"ElixirStatus","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/22e4640538124187827caf8cc8e39190","url":"https://daily.dev/sources/elixirstatus"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/petal-components-and-phoenix-1-7-llbexlvm6","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"webdev,elixir,tailwind-css","timeRequired":"PT5M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"ElixirStatus","item":"https://daily.dev/sources/elixirstatus"},{"@type":"ListItem","position":3,"name":"Petal Components and Phoenix 1.7"}]} ```