o1y/statamic-flexible-width

Flexible width fieldtype for Statamic

Maintainers

Package info

github.com/o1y/statamic-flexible-width

Language:Vue

Type:statamic-addon

pkg:composer/o1y/statamic-flexible-width

Fund package maintenance!

o1y

paypal.me/o1y030

Buy Me A Coffee

Statistics

Installs: 368

Dependents: 0

Suggesters: 0

Stars: 0

Open Issues: 0

Security

Advisories: 0

Aikido package health analysis

2.0.0 2026-04-06 12:30 UTC

Requires

MIT 92b8c0e8c7e0da909b22ca79e6569ce9003a63d9

  • Oliver Mesieh <mail.woop@olivermesieh.com>

This package is auto-updated.

Last update: 2026-05-06 13:11:19 UTC

README

Statamic 6.0+

The Flexible Width Fieldtype for Statamic allows easy control of any content area or media element width. It offers more flexibility than the default "Width" Fieldtype, supporting any key-value pairs.

How to Install

Run the following command from your project root:

composer require o1y/statamic-flexible-width

How to Use

To use the Flexible Width Fieldtype, navigate to the "Buttons & Controls" section in the Blueprint configuration. Add your custom key-value pairs.

Alternatively, edit the Blueprint directly in your .yaml file:

-
  handle: column_width
  field:
    type: flexible_width
    display: 'Column Width'
    options:
      col-1: 1/3
      col-6: 2/3
      col-12: 3/3

Use the augmented value in your template:

<div class="{{ column_width }}">
  <p>My column</p>
</div>

Credits

This addon is inspired by the built-in Width Fieldtype in Statamic.