API Reference Corex v#0.1.0-beta.3

Phoenix implementation of the Zag.js Accordion.

Renders a button element for actions based on Phoenix Core Components. Use the type attribute to set the button type. Icon-only buttons must pass aria_label to screen readers.

Phoenix implementation of Zag.js Angle Slider.

Namespace for Web Animations API tuning.

Web Animations config for accordion and tree-view panel open/close: opacity and height (scrollHeight) keyframes, no scale.

Web Animations config for dialog when animation is js: opacity and transform scale on the content node; opacity only on the backdrop (handled in the hook). No height keyframes, no translate.

Phoenix implementation of Zag.js Avatar.

Phoenix implementation of Zag.js Carousel.

Phoenix implementation of Zag.js Checkbox.

Phoenix implementation of Zag.js Clipboard.

Displays syntax-highlighted code with Makeup.

Phoenix implementation of Zag.js Collapsible.

Phoenix implementation of Zag.js Color Picker.

Translation struct for ColorPicker component strings.

Phoenix implementation of Zag.js Combobox.

Translation struct for Combobox component strings.

Content items for components with trigger/content patterns to be used with

Content item structure. Use it to create content items for components with trigger/content patterns

Phoenix component for rendering semantic data lists.

Renders a table with data based on Phoenix Core Components.

Helpers for selectable .data_table usage in LiveViews.

Helpers for sortable .data_table usage in LiveViews.

Translation struct for DataTable component strings.

Phoenix implementation of Zag.js Date Picker.

Translatable UI strings for the date picker.

Phoenix implementation of Zag.js Dialog.

Translation struct for Dialog component strings.

Phoenix implementation of Zag.js Editable.

Translation struct for Editable component strings.

Phoenix implementation of Zag.js File Upload.

Translation struct for FileUpload component strings.

LiveView uploads wrapper that shares Corex.FileUpload layout tokens (data-scope / data-part) and styling.

Phoenix implementation of Zag.js Floating Panel.

Translation struct for FloatingPanel component strings.

Runtime gettext for Corex components.

Renders a Heroicon.

Hidden input component based on Phoenix Core Components.

Struct for data items used in

A layout heading component for page titles, subtitles, and actions.

Flat selectable items for Combobox, Listbox, and Select.

One selectable row for Combobox, Listbox, or Select.

Phoenix implementation of Zag.js Listbox.

Phoenix implementation of Zag.js Marquee.

Phoenix implementation of Zag.js Menu.

Unified native input component based on Phoenix Core Components Used for text, textarea, date, datetime-local, time, month, week, email, url, tel, search, color, number, password, checkbox, radio, and select. Optional icon slot and shared styling via data-scope="native-input". Uses same data-part structure as Corex components (root, label, control, input, error) for consistency.

Renders an anchor element for navigation based of Phoenix Core Components and Phoenix Link

Phoenix implementation of Zag.js Number Input.

Translation struct for NumberInput component strings.

Main-axis and cross-axis offset pair for layout.

Phoenix implementation of Zag.js Password Input.

Translation struct for PasswordInput component strings.

Phoenix implementation of Zag.js Pin Input.

Translation struct for PinInput component strings.

Two-dimensional point as numeric x and y.

Positioning options for floating elements (popovers, dropdowns, etc.)

Phoenix implementation of Zag.js Radio Group.

Phoenix implementation of Zag.js Select.

Translation struct for Select component strings.

Phoenix implementation of Zag.js Signature Pad.

Phoenix implementation of Zag.js Switch.

Phoenix implementation of Zag.js Tabs.

Phoenix implementation of Zag.js Timer.

Strings for Zag timer translations: areaLabel on the timer region.

Phoenix implementation of Zag.js Toast.

Translation struct for Toast component strings (default titles for flash messages).

Phoenix implementation of Zag.js Toggle Group.

Phoenix implementation of Zag.js Tooltip.

Tree items for hierarchical/nested structures to be used with

Tree item structure.

Phoenix implementation of the Zag.js Tree View.

Prints Corex tasks and their information.

Generates the full Makeup syntax highlighting stylesheet and writes it to your project.

Copies the Corex design asset tree from the corex package priv/ directory into your app's assets/corex/.

Generates controller with view, templates, schema and context for an HTML resource.

Generates LiveView, templates, and context for a resource.

Copies the Heroicons Tailwind plugin into your project so the Corex.Heroicon component works. Creates assets/vendor/heroicons.js (or per-app in umbrella) and instructs adding @plugin "../vendor/heroicons"; to your main CSS.