Kikito - TV

Display

Text truncator with expandable 'Read more / Read less' toggle.

🚧

Demo coming soon

Add a demo component to DEMOS in _showcase.tsx for display/read-more

Instalação via CLI

$ npx kikitocn add read-more

Exemplo de uso

Read MoreExample.tsx

import { ReadMore } from "@/components/ui/cn/read-more/ReadMore";

export function ReadMoreExample() {
  return (
    <ReadMore />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`children*`	`string`	—	Texto completo
`maxLength`	`number`	`150`	Caracteres visíveis antes do truncamento
`expandLabel`	`string`	`'Ler mais'`	Label para expandir
`collapseLabel`	`string`	`'Ler menos'`	Label para colapsar
`className`	`string`	—	Classes CSS extras

Carregando…