Input Group

Inputs

Input with attached prefix/suffix addons for icons, text or buttons.

Instalação via CLI

$ npx kikitocn add input-group

Exemplo de uso

Input GroupExample.tsx

import { InputGroup } from "@/components/ui/cn/input-group/InputGroup";

export function InputGroupExample() {
  return (
    <InputGroup size="sm">
      Input Group
    </InputGroup>
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`React.ReactNode`	—	Campo de input filho
`prefix`	`React.ReactNode`	—	Adorno à esquerda do campo
`suffix`	`React.ReactNode`	—	Adorno à direita do campo
`size`	`'sm' \| 'md' \| 'lg'`	`'md'`	Tamanho do grupo
`disabled`	`boolean`	`false`	Propaga disabled ao campo
`invalid`	`boolean`	`false`	Propaga estado de erro
`className`	`string`	—	Classes CSS extras

Voltar para Inputs

Carregando…