Open primary navigation
Origami Frontend Components & Services

SassDoc: o-promobox

o-promobox has a support status of "dead". This means that there are no plans to fix any issues with this component, and it may stop working at any point. More information on the status of this component is available in the README. If you still rely on this component or have concerns, please contact the Origami team.

oPromobox(skinny, skinny-width)

Promobox container styling

parameter type default description
skinny (optional) false force promobox to have a fixed, narrow width
skinny-width (optional) $o-promobox-skinny-width with of the skinny promobox

Links

oPromoboxTitle

Promobox title structure

Links

oPromoboxImage(full-width)

Promobox image structure

parameter type default description
full-width (optional) false occupy the entire available space or float the image?

Links

oPromoboxStandardTitle

Standard theme title

Links

oPromoboxStandard

Standard theme

Links

o-promobox-skinny-width

Default promo box width when skinny

Links

oPromobox(skinny, skinny-width)

Promobox container styling

parameter type default description
skinny (optional) false force promobox to have a fixed, narrow width
skinny-width (optional) $o-promobox-skinny-width with of the skinny promobox

Links

Status
dead Origami v1 (Bower)
Switch component view

GitHub: o-promobox

Install o-promobox

If using the Build Service, add o-promobox@^1.3.9 to your link tag.

If using the npm package manager for a Manual Build, run npm install --save-peer "@financial-times/o-promobox@^1.3.9".

Help & Support

o-promobox is maintained directly by the Origami team. If you have any questions about o-promobox or Origami in general, we are happy to help. 😊

Slack: #ft-origami
Email: origami.support@ft.com

Feedback / Issues

To report a bug or request features please create an issue on Github. For support or general feedback please get in touch 😊

Slack: #ft-origami
Email: origami.support@ft.com