Utilities

List

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' })} />