The v0.1.x component API, preserved so existing code keeps working.
Every function here is soft-deprecated. They are re-exported from PineUiPhoenix with
@deprecated annotations and continue to render, but new code should use the components
under PineUiPhoenix.Components.
These are adapters, not the old implementations
Up to v0.2.0 these wrappers called a parallel set of modules that still carried every
v0.1.3 defect — string-interpolated x-data (which broke on apostrophes and allowed
expression injection), ARIA attributes emitted as literal strings, and duplicate hardcoded
ids. Those modules are gone. Each function here now normalises the old assigns and renders
the corresponding new component, so the deprecated names get the fixes too.
Two consequences worth knowing:
- The appearance changed with the palette (indigo → neutral), the same change the new components made.
- A few options no longer have an equivalent and are accepted but ignored, rather than raising. They are noted in the function docs.
These wrappers deliberately declare no attributes, so existing calls that pass arbitrary assigns keep working without new compiler warnings. You opt into validation by moving to the new names.
See the Upgrading to v0.2 guide for the old-to-new mapping.
Summary
Functions
Deprecated. Use <.accordion> with :item slots.
Deprecated. Use <.accordion> with :item slots.
Deprecated. Use <.badge>.
Deprecated. Use <.badge dismissible>.
Deprecated. Use <.badge dot>.
Deprecated. Use <.button variant="destructive">.
Deprecated. Use <.button>.
Deprecated. Use <.button variant="secondary">.
Deprecated. Use <.card>.
Deprecated. Use PineUiPhoenix.Components.Accordion.accordion/1.
Deprecated. Use <.card interactive>.
Deprecated. Use PineUiPhoenix.Components.ContextMenu.context_menu/1.
Deprecated. Use PineUiPhoenix.Components.Table.table/1.
Deprecated. Use PineUiPhoenix.Components.Table.table/1.
Deprecated. Use <.date_picker>.
Deprecated. There is no range picker; this renders two <.date_picker>s, one for each
end of the range.
Deprecated. Use <.dropdown_menu>.
Deprecated. Use <.dropdown_menu>; put the icon in the item's content.
Deprecated. Use PineUiPhoenix.Extras.FileUpload.file_upload/1.
Deprecated. Use PineUiPhoenix.Components.ImageGallery.carousel/1.
Deprecated. Use <.image_gallery>.
Deprecated. Use <.image_gallery layout="masonry">.
Deprecated. Use <.file_upload variant="image">.
Deprecated. Use <.modal>.
Deprecated. Use <.full_screen_modal>.
Deprecated. Use <.slide_over>.
Deprecated. Use <.file_upload multiple>.
Deprecated. Use <.pagination>.
Deprecated. There is no "load more" component; this renders a button that pushes
:on_load_more.
Deprecated. Use <.pagination>.
Deprecated. Use <.progress>.
Deprecated. Use <.progress_circle>.
Deprecated. Use <.progress_steps>.
Deprecated. Use PineUiPhoenix.Components.Select.select/1.
Deprecated. Use <.select> with nested option tuples.
Deprecated. Use <.select_menu searchable>.
Deprecated. Use <.switch>.
Deprecated. Use <.switch>.
Deprecated. Use <.switch>.
Deprecated. Use <.tabs>.
Deprecated. Use <.tabs variant="boxed">.
Deprecated. Use <.tabs variant="pills">.
Deprecated. Use <.text_animation effect="blow">.
Deprecated. Use <.text_animation>.
Deprecated. Use <.text_input>.
Deprecated. Use <.text_input> with an :icon slot.
Deprecated. Use <.textarea>.
Deprecated. There is no standalone toast component — toasts are pushed to
<.toast_group>. This renders the message inline as an alert instead.
Deprecated. Use <.toast_group>.
Deprecated. Use <.toast_trigger>.
Deprecated. Use PineUiPhoenix.Components.Tooltip.tooltip/1.
Deprecated. Use PineUiPhoenix.Components.Text.typing_effect/1.
Functions
Deprecated. Use <.accordion> with :item slots.
Deprecated. Use <.accordion> with :item slots.
Deprecated. Use <.badge>.
Deprecated. Use <.badge dismissible>.
Deprecated. Use <.badge dot>.
Deprecated. Use <.button variant="destructive">.
Deprecated. Use <.button>.
Deprecated. Use <.button variant="secondary">.
Deprecated. Use <.card>.
Deprecated. Use PineUiPhoenix.Components.Accordion.accordion/1.
A collapsible card is a single-panel accordion; that is what this now renders.
Deprecated. Use <.card interactive>.
Deprecated. Use PineUiPhoenix.Components.Table.table/1.
Deprecated. Use PineUiPhoenix.Components.Table.table/1.
Deprecated. Use <.date_picker>.
Deprecated. There is no range picker; this renders two <.date_picker>s, one for each
end of the range.
Deprecated. Use <.dropdown_menu>.
Deprecated. Use <.dropdown_menu>; put the icon in the item's content.
Deprecated. Use PineUiPhoenix.Extras.FileUpload.file_upload/1.
Deprecated. Use PineUiPhoenix.Components.ImageGallery.carousel/1.
Deprecated. Use <.image_gallery>.
Deprecated. Use <.image_gallery layout="masonry">.
Deprecated. Use <.file_upload variant="image">.
Deprecated. Use <.modal>.
Deprecated. Use <.full_screen_modal>.
Deprecated. Use <.slide_over>.
Deprecated. Use <.file_upload multiple>.
Deprecated. Use <.pagination>.
Deprecated. There is no "load more" component; this renders a button that pushes
:on_load_more.
Deprecated. Use <.pagination>.
Deprecated. Use <.progress>.
Deprecated. Use <.progress_circle>.
Deprecated. Use <.progress_steps>.
v0.1.x took maps with :title and :description; the new component takes plain labels,
so only the titles carry over.
Deprecated. Use PineUiPhoenix.Components.Select.select/1.
Option order
v0.1.x took {value, label} tuples. The new component takes {label, value}, matching
Phoenix.HTML.Form.options_for_select/2. This wrapper swaps them for you, so existing
calls keep working — but a direct move to <.select> needs the tuples flipped.
Deprecated. Use <.select> with nested option tuples.
Deprecated. Use <.select_menu searchable>.
Deprecated. Use <.switch>.
Deprecated. Use <.switch>.
Deprecated. Use <.switch>.
Deprecated. Use <.tabs>.
Deprecated. Use <.tabs variant="boxed">.
Deprecated. Use <.tabs variant="pills">.
Deprecated. Use <.text_animation effect="blow">.
Deprecated. Use <.text_animation>.
Deprecated. Use <.text_input>.
Deprecated. Use <.text_input> with an :icon slot.
Deprecated. Use <.textarea>.
Deprecated. There is no standalone toast component — toasts are pushed to
<.toast_group>. This renders the message inline as an alert instead.
Deprecated. Use <.toast_group>.
Deprecated. Use <.toast_trigger>.
Deprecated. Use PineUiPhoenix.Components.Tooltip.tooltip/1.
:title becomes the trigger content and :description the tooltip text; :type maps to
the new position attribute.
Deprecated. Use PineUiPhoenix.Components.Text.typing_effect/1.