Carregando…

Modern Inner Shadow

Display

Plain card with a subtle light-catching inner shadow, no glassmorphism/blur.

Card simples com inner shadow (mais visível no dark mode)

To replace with some content

Damn good card

This card is better in dark mode. It has a nice inner shadow and a nice border. It's a good modern card.

Instalação via CLI

$ npx kikitocn add modern-inner-shadow

Interno:

@/lib/utils

Exemplo de uso

Modern Inner ShadowExample.tsx

import { ModernInnerShadow } from "@/components/ui/cn/modern-inner-shadow/ModernInnerShadow";

export function ModernInnerShadowExample() {
  return (
    <ModernInnerShadow />
  );
}

Props

Prop	Tipo	Padrão	Descrição
`title`	`string`	`'Damn good card'`	Título abaixo da área de conteúdo
`description`	`string`	—	Descrição abaixo do título
`placeholder`	`ReactNode`	—	Conteúdo/placeholder na área superior do card
`className`	`string`	—	Classes CSS extras
`style`	`CSSProperties`	—	Estilos inline extras

Voltar para Display

Carregando…