cosmemilton-ui/clientFormularios

CmSelect

Use quando a lista e curta e o usuario precisa escolher um unico valor.

Import

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

Status do pedido

Filtra pedidos pelo status atual.

tsx
"use client";

import { useState } from "react";
import { CmSelect } from "cosmemilton-ui/client";

export default function Example() {
  const [value, setValue] = useState("pending");

  return (
    <CmSelect
      label="Status"
      value={value}
      onChange={setValue}
      clearable
      helperText="Filtra pedidos pelo status atual."
      options={[
        { value: "paid", label: "Pago" },
        { value: "pending", label: "Pendente" },
        { value: "late", label: "Atrasado" },
      ]}
    />
  );
}

API rapida

CmSelect

valueonChangeoptionslabelplaceholderclearablerenderSelected