[Home](./index.md) > [@empathyco/x-components](./x-components.md) > [AnimateWidth](./x-components.animatewidth.md) ## AnimateWidth variable Renders a transition wrapping an element passed in the default slot and animating its width. **Signature:** ```typescript _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly>, {}, {}> ```