T
TailNG

Playground

 Home tailng.com

tng-card demo

Features: content-only, header/footer slots, icons, and klass-based theming hooks.

Presets

rootKlass
headerKlass
footerKlass
contentKlass
Current: { rootKlass: "transition-shadow hover:shadow-md", headerKlass: "", contentKlass: "", footerKlass: "" }
Content-only card

This card has only body content. Header/Footer wrappers won’t render unless slots exist.

Tip: Use contentKlass for layout padding overrides.

Interactive card

This uses only Tailwind classes (no special component logic). Try tabbing into the input below.

Footer content
Compact card

Demonstrates overriding default padding via contentKlass.