Components

A variation of fieldset that allows for numbered fieldsets. This component relies on the fieldset component. Step-highlighting There is Javascript

Some extra's for fieldset components. Better classes The classes on taxonomy-terms has been changed to: {% set classes = [

Some very basic breadcrumb theming

The downloaded Lato fonts with matching @font-face declarations in CSS. Each font-family has a library-definition, so you can control which

Some extra's for views-view components. Extra template suggestions Added 2 more specific template suggestions. One for the name of the

The downloaded Montserrat fonts with matching @font-face declarations in CSS. Each font-family has a library-definition, so you can control which

The downloaded Open Sans fonts with matching @font-face declarations in CSS. Each font-family has a library-definition, so you can control

Extra template suggestions: one for entity type and one for the content type. <!-- THEME DEBUG --> <!-- THEME HOOK

The downloaded Oswald fonts with matching @font-face declarations in CSS. Each font-family has a library-definition, so you can control which

The downloaded PT Sans fonts with matching @font-face declarations in CSS. Each font-family has a library-definition, so you can control

The downloaded Raleway fonts with matching @font-face declarations in CSS. Each font-family has a library-definition, so you can control which

Some extra's for media components. Better classes The classes on taxonomy-terms has been changed to: {% set classes = [

The downloaded Roboto Condensed fonts with matching @font-face declarations in CSS. Each font-family has a library-definition, so you can control

The downloaded Roboto fonts with matching @font-face declarations in CSS. Each font-family has a library-definition, so you can control which

The downloaded Slabo 27px font with matching @font-face declaration in CSS. There is only one font-family of this font.

The downloaded Source Sans Pro fonts with matching @font-face declarations in CSS. Each font-family has a library-definition, so you can

Some extra's for block components. Better classes The classes on block has been changed to: {% set classes = [

Some extra's for aggregator-item components. Extra template suggestions Added a more specific template suggestion depending on the name of the

Some extra's for form components. Better classes The classes on a form has been changed to: {% set classes =

The same component as Fieldset with some basic CSS, but without the CSS.

This component implements Micromodal.js, a lightweight, configurable and a11y-enabled modal library written in pure JavaScript.

This component is an alternative to showing breadcrumbs on your page in a smooth mobile way without wrapping to multiple

Currently in beta, due to it not being heavily tested. This is a component that splits up Bootstrap 4 CSS

VueJS now comes as a Compony-component is now a component that can be used to progressively enhance any component that

This components adds a more customized and bootstrap friendly button for the Views Infinite Scroll pager. contains scss variables that

The Tabbing component removes, only for non-tabbing users, the ":focus" outlines. It hides the default blue browser outline for everyone

This component creates a single "global.css" file from all your components in the Compony /components folder. The global CSS allows

A button component that is fully customisable, that allows you to render Drupal buttons with custom type attributes.

Icon contains some popular media icons that can be used to create social-menu or contact links. Just include the vectors

Theme e-mails with Sass and Twig variables. The compiled styling is embedded in the Swift Mailer template.

This component adds BEM classes to the HTML table markup.

A variation of the textarea component that resizes as you type. This is using the Autosize libarary. Using this component

Defines a custom dropdown component that can be used to hide content on page load but keep it available under

When the form is not submitted using Ajax but you want to make it seem like it is using ajax

Flexible data in a table design, without using table semantics. Extra template suggestions Added a more specific template suggestion based

A brick is a horizontal section of a website, many website designs are using horizontal stacked background to separate content

The default _global component as recommended by Compony. Feel free to clone this component and adapt for your own use

Webforms in Drupal are user-generated forms mostly, To support consistent form theming, we are taking the same approach as the

Some extra's for paragraph components. Better classes The classes on paragraph has been changed to: {% set classes = [

Make the pager of the views infinite scroll module have an ajax-loading-state.

This component specifically themes ajax-loading states of Drupal form buttons. Better classes Every button that can trigger ajax-behaviour will receive

A flat implementation of the Onomasticon output..

This component overrides Drupal's progress indicator and replaces it completely with a js-loading class. This means we can more easily

Removes divs without classes, when using unformatted list in your view settings (screenshot 1) in combination with no views row

This is a component that holds 1.794 open source emojis as SVG's and as templates. For example the laughing.svg can

Clean theming and BEM classes to the CookieConsent module.

Some extra's for region components. Better classes The classes on paragraph has been changed to: {% set classes = [

Added themable markup to the Search API page.

Attaches the Wysiwyg content library to fields that use the basic_html text formatter.

Attaches the Wysiwyg content library to fields that use the full_html text formatter.

Adds the basic Twig blocks, and adds a few classes based upon entity_type, bundle and view mode.

Adds the default twig blocks + some better formatted classes that don't conflict with other menu classes.

Some better classes for the menu component.

This is a CSS-only component to theme the output of wysiwyg. This component can be loaded in conditionally from other

Clean theming and BEM classes to the EU Cookie Compliance module.

Some extra's for field components. Simplified HTML Stripped away some unneeded div's to keep semantics as clean as possible. Extra

Some extra's for taxonomy-term components. Extra template suggestions Added 2 more specific template suggestions. One for view mode and one

A flat approach to theming Drupal's status messages by the use of emoji SVG's.

Some very basic theming for the pager component.

Some basic styling for local menu inks with a toggle for smaller screens.

Some extra's for node components. Better classes The classes on node has been changed to: {% set classes = [

The HTML for textarea components. Theming is found in the general theming component because abstracting textarea-specific CSS is more confusing

Some default theming for form-item--radiobuttons. This is a javascript-free implementation that respects keyboard accessibility and has a disabled state.

This is an alternate version of form-item--date. that uses both jQuery UI Datepicker and the Select2 library.

Theming of the form-item--select using the Select2 library. The component is fully accessible, and will give you a filter search

This is an alternate version of form-item--date that uses the jQuery UI Datepicker. A variation of this component that also

The essentials of displaying form-item date-inputs. For cross-browser-consistency this component changes the type of the input field from <input type="date">

Some default theming for form-item--checkboxes. This is a javascript-free implementation that respects keyboard accessibility and has a disabled state. We

Default theming for form-item components and some extra functionality. Better classes The classes on form-element-label are now: {% set wrapper_classes

This is the same as the Form component but with very basic CSS added. Better classes The classes on a

Default theming and some extra's for Drupal's file links. Making more variables available in Twig In this component 4 extra