CmResizable

import { CmResizable } from "cosmemilton-ui/client";

import { CmResizable } from "cosmemilton-ui/client";
import { CmCard, CmStack, CmText } from "cosmemilton-ui/server";

export default function Example() {
  return (
    <CmResizable initialWidth={320} minWidth={220} maxWidth={520}>
      <CmCard padding="lg">
        <CmStack gap="xs">
          <CmText weight="semibold">Painel de detalhe</CmText>
          <CmText tone="muted">Arraste a borda para ajustar a largura.</CmText>
        </CmStack>
      </CmCard>
    </CmResizable>
  );
}