Advanced
Use lower-level Pluma primitives and advanced integration APIs.
Pages
Ember Floating UI
Position Ember overlays with Pluma's Floating UI helpers and interaction plugins.
Ember prop spreading
Pass sets of props through Ember components with Pluma's unsafeprops and sprinkle utilities.
PlainModal
PlainModal is a low-level component that provides the basic structure for a modal.
PlainPopover
A primitive for building popovers. Used only within other Pluma components.
PlumaProvider
Configure the provider that supplies themes, icons, routing, and app-level Pluma behavior.
Portal
Render overlay content outside the current DOM hierarchy.
React yield
Pass structured values to React children using Pluma's yield helper.
ESLint plugin
Enforce Pluma usage rules in web applications.
tooltip-custom-interactive
Require custom Pluma Tooltip triggers when wrapping interactive controls.
no-banned-imports
Keep application code on Pluma public package entrypoints.
enforce-pluma-elements
Enforce Pluma components instead of native HTML elements with Pluma equivalents.
no-deprecated-apis
Disallow deprecated Pluma component APIs.
no-deprecated-icons
Disallow deprecated Pluma icon names.
no-raw-pluma-classnames
Disallow raw Pluma component class name strings.
no-raw-pluma-css-variables
Disallow raw Pluma CSS variable strings.
require-form-control-label
Require accessible labels for Pluma form controls.
prefer-managed-modals
Prefer managed modals (useModals/useModal) over plain isOpen-controlled Modal usage.
no-ineffective-stack-props
Disallow flex props that Stack and InlineStack silently override.
no-raw-html-elements
Prefer Box and other Pluma components over generic native HTML elements.
prefer-stack-over-flex
Prefer Stack and InlineStack over the lower-level Flex component.
require-accessible-name
Require an accessible name on Pluma components rendered without visible text.