Usage
Built on top of the Card component, the PageCard can be used in a PageGrid, PageColumns or a LandingGrid.
Use the title, description and icon props to customize the card.
Tailwind CSS
Add Tailwind CSS to your Nuxt application in seconds with PurgeCSS included for minimal CSS.
<UPageCard
title="Tailwind CSS"
description="Add Tailwind CSS to your Nuxt application in seconds with PurgeCSS included for minimal CSS."
icon="i-simple-icons-tailwindcss"
/>
You can also pass any property from the NuxtLink component such as to, target, exact, etc.
<UPageCard
title="Tailwind CSS"
description="Add Tailwind CSS to your Nuxt application in seconds with PurgeCSS included for minimal CSS."
icon="i-simple-icons-tailwindcss"
to="https://nuxt.com/modules/tailwindcss"
target="_blank"
/>
Slots
header
{}
icon
{}
title
{}
description
{}
default
{}
footer
{}
Props
ui
unknown
icon
string
description
string
to
unknown
href
unknown
target
"_blank" | "_parent" | "_self" | "_top" | (string & {})
rel
string
activeClass
string
exactActiveClass
string
ariaCurrentValue
string
inactiveClass
string
title
string
exact
boolean
replace
boolean
external
boolean
custom
boolean
noRel
boolean
prefetch
boolean
noPrefetch
boolean
active
boolean
exactQuery
boolean
exactMatch
boolean