Usage
Mixed Variants
Each item can have its own variant:
Custom Icons
Override the default icons with custom ones:
Premium feature
Advanced analytics
Priority support
Per-Item Custom Icons
Each item can have its own icon:
Variants
Success
User registration completed
Email verification sent
Profile created successfully
Error
Invalid credentials provided
Connection timeout
File upload failed
Warning
API rate limit approaching
Deprecated feature in use
Cache needs clearing
Info
Server maintenance scheduled
New feature available
Documentation updated
Default
Standard list item
Another item
Final item
Vue Component Usage
You can also use this as a regular Vue component:
<template>
<ProseIconList variant="success">
<ProseLi>Feature completed</ProseLi>
<ProseLi>Tests passing</ProseLi>
<ProseLi variant="warning">Review pending</ProseLi>
</ProseIconList>
</template>
Advanced Example
Combine different features for complex lists:
npm install ui-thingDownload the package
Install the dependencies
Go to the project directory
nuxt.config.tsComponent API
ProseIconList
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
variant | any | — | No | Default variant for all list items (can be overridden per item) |
icon | string | — | No | Default icon for all list items (can be overridden per item) |
ProseLi
| Name | Type | Description |
|---|---|---|
default | { mdcUnwrap: string; } | No description provided. |