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
title
string
description
string
to
unknown
href
unknown
target
"_blank" | "_parent" | "_self" | "_top" | (string & {})
rel
string
activeClass
string
exactActiveClass
string
ariaCurrentValue
string
inactiveClass
string
exact
boolean
replace
boolean
active
boolean
external
boolean
custom
boolean
noRel
boolean
prefetch
boolean
noPrefetch
boolean
exactQuery
boolean
exactMatch
boolean