1. Checkbox

A boolean toggle. .value is True or False.

Current value: False — feature is OFF

2. Date Picker

Pick a single date. .value is a datetime.date.

Selected date: 2026-05-02 — that's a Saturday

3. Dropdown

Single-select from a list. .value is the chosen item or None.

Selected paper type: Multipurpose

4. Multiselect

Pick several items at once. .value is a list.

Selected (2): East, West

5. Number Input

A numeric text field with optional min/max/step.

Quantity: 100 — squared: 10,000

6. Radio

A radio button group — single choice from a small set.

Reporting frequency: Quarterly

7. Slider

Numeric slider over an interval. Drag to change .value.

Discount: 78% — list price £250 becomes £55.00

8. Text Input

A free-text field. .value is the current string.

You typed: Dunder Mifflin 9 (16 characters)

Bonus: Layout helpers

cee.hstack([...]) puts widgets side by side, cee.vstack([...]) stacks them. Useful for filter bars.

Filter bar values:

• From: 2026-01-30
• To: 2026-05-19
• Region: South