Iguana DS Bento - Biome Config

Shared Biome 2.x configuration for Iguana Design System projects, with Tailwind CSS v4 utility class sorting support.

Installation

pnpm add -D @biomejs/biome @iguanads/biome-config

Usage

Create a biome.json file in the project root:

{
  "extends": ["@iguanads/biome-config/react.json"]
}

Available configurations

react.json

Configuration for React projects with Tailwind CSS v4 support:

Formatter

• Indent style: spaces (2)
• Line width: 80
• Line ending: LF

JavaScript

• Single quotes, JSX with double quotes
• No semicolons (asNeeded)
• Trailing commas: ES5
• Arrow parentheses: always

CSS

• Formatting and linting enabled
• Same indent/line width as JavaScript

Linter

• Recommended rules enabled
• noUnusedVariables: error
• noUnusedImports: error
• useConst: error
• noNonNullAssertion: off
• Accessibility: useAltText (warn)

Tailwind CSS v4

• useSortedClasses: automatically sorts Tailwind utility classes (like prettier-plugin-tailwindcss)
• Recognizes classes inside cn(), clsx(), cva(), and twMerge() calls

Assist

• organizeImports: automatic import sorting (replaces the v1 organizeImports top-level config)