Components
Roadmap
Petal Components Roadmap
Request new components and vote for what you want
Proposed
Yet to be confirmed
Implement tails for better class merging
Tails is a library that helps you merge tailwind classes together. Hopefully, it means less reliance on using exclamation marks.
https://github.com/zachdaniel/tails
MA
LC
AS
FO
1
6
Table component using slots
See https://github.com/petalframework/petal_components/issues/232.
<.dyn_table rows={[%{name: "Jane", age: "34"}, %{name: "Bob", age: "51"}]}>
<:column :let={user} label="Name">
<%= user.name %>
</:column>
<:column :let={user} label="Age">
<%= user.age %>
</:column>
</.dyn_table>
MA
LC
EB
AM
1
4
Context menu
https://ui.shadcn.com/docs/components/context-menu
NI
JE
1
0
Command
E.g https://ui.shadcn.com/docs/components/command
NI
JE
1
0
Create alternative style/theme variants e.g "Retro", "Glass", etc..
For some, they may want an out of the box ability to specify a specific look/feel. It could be a retro vibe or something slick like a glass effect.
NI
0
0
Chart
https://ui.shadcn.com/docs/components/chart
NI
0
0
Clipboard
https://flowbite.com/docs/components/clipboard/
NI
0
0
Carousel
E.g https://ui.shadcn.com/docs/components/carousel
https://flowbite.com/docs/components/carousel/
NI
0
0
Planned
Will be implemented in a future version
Empty
Done
This feature is in the current code
Make all components accessible (a11y - WCAG-compliant)
As the title states, update all components to be accessibility friendly.
NI
CF
LM
CT
3
1