Skip to main content

consistent-area-naming

Require consistent naming for grid-template-areas and single-name grid-area identifiers.

The default style is kebab-case. Secondary option style also accepts camel-case and snake-case.

Incorrectโ€‹

.layout {
  grid-template-areas: "mainContent";
}

Correctโ€‹

.layout {
  grid-template-areas: "main-content";
}

Optionsโ€‹

export default {
  rules: {
    "grid/consistent-area-naming": [true, { style: "snake-case" }]
  }
};