class Dropbutton

Provides a render element for a set of links rendered as a drop-down button.

By default, this element sets #theme so that the 'links' theme hook is used for rendering, with suffixes so that themes can override this specifically without overriding all links theming. If the #subtype property is provided in your render array with value 'foo', #theme is set to links__dropbutton__foo; if not, it's links__dropbutton; both of these can be overridden by setting the #theme property in your render array. See template_preprocess_links() for documentation on the other properties used in theming; for instance, use element property #links to provide $variables['links'] for theming.

Properties:

• #links: An array of links to actions. See template_preprocess_links() for documentation the properties of links in this array.
• #dropbutton_type: A string defining a type of dropbutton variant for styling proposes. Renders as class `dropbutton--#dropbutton_type`.

Usage Example:

$form['actions']['extra_actions'] = array(
    '#type' => 'dropbutton',
    '#dropbutton_type' => 'small',
    '#links' => array(
        'simple_form' => array(
            'title' => $this->t('Simple Form'),
            'url' => Url::fromRoute('fapi_example.simple_form'),
        ),
        'demo' => array(
            'title' => $this->t('Build Demo'),
            'url' => Url::fromRoute('fapi_example.build_demo'),
        ),
    ),
);

Plugin annotation

@RenderElement("dropbutton");

Hierarchy

• class \Drupal\Component\Plugin\PluginBase implements \Drupal\Component\Plugin\PluginInspectionInterface, \Drupal\Component\Plugin\DerivativeInspectionInterface
  • class \Drupal\Core\Plugin\PluginBase extends \Drupal\Component\Plugin\PluginBase uses \Drupal\Core\StringTranslation\StringTranslationTrait, \Drupal\Core\DependencyInjection\DependencySerializationTrait, \Drupal\Core\Messenger\MessengerTrait
    • class \Drupal\Core\Render\Element\RenderElement extends \Drupal\Core\Plugin\PluginBase implements \Drupal\Core\Render\Element\ElementInterface
      • class \Drupal\Core\Render\Element\Dropbutton extends \Drupal\Core\Render\Element\RenderElement

Expanded class hierarchy of Dropbutton

See also

\Drupal\Core\Render\Element\Operations

File

core/lib/Drupal/Core/Render/Element/Dropbutton.php, line 45

Namespace

class Dropbutton extends RenderElement {
    
    /**
     * {@inheritdoc}
     */
    public function getInfo() {
        $class = static::class;
        return [
            '#pre_render' => [
                [
                    $class,
                    'preRenderDropbutton',
                ],
            ],
            '#theme' => 'links__dropbutton',
        ];
    }
    
    /**
     * Pre-render callback: Attaches the dropbutton library and required markup.
     */
    public static function preRenderDropbutton($element) {
        $element['#attached']['library'][] = 'core/drupal.dropbutton';
        $element['#attributes']['class'][] = 'dropbutton';
        if (!empty($element['#dropbutton_type'])) {
            $element['#attributes']['class'][] = 'dropbutton--' . $element['#dropbutton_type'];
        }
        if (!isset($element['#theme_wrappers'])) {
            $element['#theme_wrappers'] = [];
        }
        array_unshift($element['#theme_wrappers'], 'dropbutton_wrapper');
        // Enable targeted theming of specific dropbuttons (e.g., 'operations' or
        // 'operations__node').
        if (isset($element['#subtype'])) {
            $element['#theme'] .= '__' . $element['#subtype'];
        }
        return $element;
    }

}

Members