# Canvas View CSS Test Page

This page demonstrates all button styles from `src/css/canvas_view.css`

## CanvasView Control Panel Layout

Clipspace System
On Off
Size:
20px
Strength:
50%
Hardness:
50%

## Basic Painter Buttons

Normal Button:
Primary Button:
Disabled Buttons:
Matting Buttons:

## Button Groups and Controls

### Painter Controls Container

### Button Group

### Clipboard Group

## Clipboard Switch

Clipboard Switch: System Clipspace

## Sliders and Controls

Opacity: 50%
Size: 25px

## Container Examples

### Normal Container

This is a normal painter container

### Container with Focus

This container has focus (white border)

### Drag Over Container

This container is in drag-over state (green dashed border)

## Modal and Dialog

### Dialog Example

#### Sample Dialog

Enter values:

### Modal Content Area

This is the main content area of the modal.