How to extend styles like styled-componets？

[xh4528]

Styils is very convenient to use, but it seems that there is no function to extend styles in the documentation. How can I extend styles like styled-components？Looking forward to a reply.

https://styled-components.com/docs/basics#extending-styles

[xh4528]

in vue3 , i have tried to pass other style components to styled, and the page appears to be working properly. The console prompts for some warnings, but adding CSS will fail after switching themes.
(requires manual addition !important)

export const Menu = styled("div", (theme) => ({
  display: "flex",
  gap: "20px",
  position: "sticky",
  top: "0",
  color: theme?.color,
  backgroundColor: theme?.backgroundColor,
  transition: "linear .3s",
}));

export const NMenu = styled(Menu, (theme) => ({
  top: "100px",
}));

[zoy-l]

Hi, I will investigate.

[zoy-l]

@xh4528 Already fixed in v1.1.6, if there are still problems, please feel free to reopen or create a new issue.🤞

[xh4528]

@zoy-l After updating v1.1.6, this issue has been resolved. Thank you for your help 👍