MorphText

A text layer whose width moves on the spring while the old and new text cross-fade in place — one element that reshapes, never two labels swapped. First shipped use: the New deal search step's primary action, "Select record" ↔ "Create person".

27 September 2026: merged on main as !3957. Used live in DealSubjectStep's footer CTA (feat/acrm-322-vyber-zaznamu, main 40402b85).

Used in 1 file · 1 area · 1× — components/search

Import

import { MorphText } from '@acrm/ui'

Props

MorphText packages/ui/src/components/MorphText.tsx

CSS classes

Files

• packages/ui/src/components/MorphText.tsx
• apps/web/src/ds/dialog-morph.css
• apps/web/src/ds/dialog-morph.css

Related