# Inline Edit

Editar onde se lê. Enter salva, Esc cancela, o valor só troca depois que a promessa resolve.

- Nome no registry: `inline-edit`
- Tipo: componente
- Dependências npm: lucide-react
- Demo: https://ui.visantlabs.com/c/inline-edit
- Categorias: controles, edicao, formulario

## Quando usar

- Use quando: Editar nome ou campo curto onde ele aparece, em tabela, card ou cabeçalho de página
- Evite quando: Vários campos com validação: profile-form; número arrastável, scrub-input

## Instalar

```bash
npx shadcn@latest add @visant/inline-edit
```

## Usar

```tsx
<InlineEdit />
```

## API

### InlineEdit

- `isEditing: boolean`
- `onCancel: () => void`
- `onSave: () => Promise<void>`
- `onStartEdit: () => void`
- `value: any`
- `className?: string`
- `showButtons?: boolean = false`
- `triggerClassName?: string`