> ## Documentation Index
> Fetch the complete documentation index at: https://memberpulseptyltd.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Widget Layouts

> Customize widget appearance and layouts

Configure widget appearance to match your website's design.

## Layout Options

| Layout   | Description     |
| -------- | --------------- |
| Grid     | Card-based grid |
| List     | Vertical list   |
| Carousel | Sliding cards   |
| Calendar | Month/week view |
| Compact  | Minimal space   |

## Style Customization

* Primary color
* Background color
* Font family
* Border radius
* Shadow effects

## Responsive Settings

* Desktop layout
* Tablet layout
* Mobile layout
* Breakpoints

## Features

### Widget Layouts

#### Acceptance Criteria

##### Frontend

* [ ] UI supports the workflows described in this feature.

##### Backend / API

* [ ] Backend behavior supports this feature as documented.

##### Permissions

* [ ] Access is restricted per the Capabilities matrix on this page (or equivalent role rules).

##### Business Rules

* [ ] All business rules for this feature are enforced.

##### Error Handling

* [ ] Error states return clear messages and appropriate HTTP status codes.

## Implementation Contracts

### Backend (API)

```
GET    /api/widgets/{id}/styles              # Get style config
PUT    /api/widgets/{id}/styles              # Update styles
POST   /api/widgets/{id}/preview             # Generate preview
```