Styling API

Use these properties to style FancyList with Tailwind or classes.

PropertyDescription
classClass for the <ul> element
styleInline style for the <ul> element
liClassClass for the <li> element
emojiClassClass for the emoji
iconClassClass for the SVG icon

Functionality API

Use these properties to create a list with custom bullets.

PropertyTypeDescription
emojistringThe emoji to use as the bullet
iconstringThe SVG Icon to use as the bullet. See SVG for instructions on using this.
items
string[] | Item[]
List items. See Item

Slots

NameDescription
DefaultList items written in a Markdown syntax.

Types

Item

List of items. This is required if you did not provide list items in slot content. It can be an array of strings or Item objects.

  • Type: string[] | object[]
  • Default: []

If objects are passed into items, each object have have the following :

interface Item {
value: string // Text value
icon?: string // SVG Icon
emoji?: string // Emoji
}