Utility Reference
List
Panda provides utilities for customizing list styles.
Panda provides utilities for customizing list styles.
List Style Image
Use a custom image as the list marker. It supports the assets token category.
panda.config.ts
const theme = {
tokens: {
assets: {
star: {
value: { type: 'svg', value: '<svg>...</svg>' }
}
}
}
}<div className={css({ listStyleImage: 'star' })} />Full reference
Generated from @pandacss/preset-base, so this table always matches the utilities Panda ships.
List · 4
| Property | Shorthand | Class | Values |
|---|---|---|---|
| listStyle | — | li-s | — |
| listStyleImage | — | li-img | assets |
| listStylePosition | — | li-pos | — |
| listStyleType | — | li-t | — |