cosmemilton-ui/clientFormularios

CmInput

Use para entrada textual e numerica com estados visuais padronizados pela biblioteca.

Import

tsx
import { CmInput } from "cosmemilton-ui/client";

Campos de formulario

Nome exibido em pedidos e notas.

R$

Codigo ja esta em uso.

tsx
import { CmButton, CmInput } from "cosmemilton-ui/client";
import { CmStack } from "cosmemilton-ui/server";

export default function Example() {
  return (
    <CmStack gap="md">
      <CmInput label="Cliente" defaultValue="Acme Ltda." helperText="Nome exibido em pedidos e notas." />
      <CmInput label="E-mail" type="email" placeholder="financeiro@empresa.com" success />
      <CmInput label="Limite" numeric="decimal" startIcon="R$" endButton={<CmButton size="sm">Aplicar</CmButton>} />
      <CmInput label="Codigo" error="Codigo ja esta em uso." />
    </CmStack>
  );
}

API rapida

CmInput

labelhelperTexterrorsuccessstartIcon/endIconclearablenumericdensity