Components

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

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

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

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

A flat implementation of the Onomasticon output..

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

Some extra's for page components. Extra template suggestions Added 2 more specific template suggestions. One for entity type and one

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

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

The downloaded Roboto 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 HTML for textarea components. Theming is found in the general theming component because abstracting textarea-specific CSS is more confusing

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

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

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

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

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

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 node components. Better classes The classes on node has been changed to: {% set classes = [

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 form components. Better classes The classes on a form 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 basic styling for local menu inks with a toggle for smaller screens.

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

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

Some very basic breadcrumb theming

Some very basic theming for the pager component.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

The essentials of displaying form-item date-inputs. By default we change the type of the input field from <input type="date"> to

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

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

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

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

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