Sara UI

logo

Icons

As Sara is made with daisyUI (a Tailwind plugin) the best option to add icons is obviously another Tailwind plugin.

Using icons in a "plugin way", allow us to easily paint them with the theme colors.

To modify any icon of any Sara component you need to use icon classes provided by the @egoist/tailwindcss-icons package.

type IconClassString = any icon class from @egoist/tailwindcss-icons package

type SizedIcon
{
  is: IconClassString
  size: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl"
}