Growing Button

Inputs

Compact icon button that grows on hover to reveal a label, replacing a tooltip.

Growing button — passe o mouse pra revelar o rótulo

Instalação via CLI

$ npx kikitocn add growing-button

Interno:

@/lib/utilslucide-react

Exemplo de uso

Growing ButtonExample.tsx

import { GrowingButton } from "@/components/ui/cn/growing-button/GrowingButton";

export function GrowingButtonExample() {
  return (
    <GrowingButton label="Label" />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`icon`	`React.ReactNode`	`<SparklesIcon />`	Ícone sempre visível
`label*`	`string`	—	Texto revelado no hover
`chevron`	`boolean`	`true`	Exibe o chevron à direita
`className`	`string`	—	Classes CSS extras

Voltar para Inputs

Carregando…