Feature Grid Section

A grid layout to showcase features.

Overview

Feature Grid Section displays features in a responsive grid with optional icons, titles, and descriptions. Supports 2, 3, or 4 column layouts that adapt to screen size.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

Code Examples

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

Props

• title - Section title (optional)
• description - Section description (optional)
• features - Array of feature objects (required)
• columns - Number of columns: 2 | 3 | 4 (optional, default: 3)
• className - Additional CSS classes (optional)

Feature

• icon - Icon element or string (optional)
• title - Feature title (required)
• description - Feature description (required)

Install

1

Accessibility

Feature grid uses semantic HTML with proper heading hierarchy. Cards are keyboard accessible and screen reader friendly. Compliant with WCAG 2.1.