cosmemilton-ui/serverFormularios

CmInputGroup

Use quando o campo precisa de moeda, unidade, dominio ou outra informacao fixa colada ao controle.

Import

tsx
import { CmInputGroup } from "cosmemilton-ui/server";

Prefixo e sufixo

R$
BRL
https://
.empresa.com
tsx
import { CmInput } from "cosmemilton-ui/client";
import { CmInputGroup, CmStack } from "cosmemilton-ui/server";

export default function Example() {
  return (
    <CmStack gap="md">
      <CmInputGroup prefix="R$" suffix="BRL">
        <CmInput numeric="decimal" placeholder="0,00" aria-label="Valor" />
      </CmInputGroup>
      <CmInputGroup prefix="https://" suffix=".empresa.com">
        <CmInput placeholder="portal" aria-label="Subdominio" />
      </CmInputGroup>
    </CmStack>
  );
}

API rapida

CmInputGroup

prefixsuffixchildren