Bootstrap v4 - (Dropdowns) Dropdown - Split.json

{
    "name": "Dropdown - Split",
    "heading": "dropdown (split)",
    "description": "Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They\u2019re made interactive with the included Bootstrap dropdown JavaScript plugin. They\u2019re toggled by clicking, not by hovering; this is an intentional design decision.\r\n\r\nDropdowns are built on a third party library, Popper.js, which provides dynamic positioning and viewport detection. Be sure to include popper.min.js before Bootstrap\u2019s JavaScript or use bootstrap.bundle.min.js \/ bootstrap.bundle.js which contains Popper.js.",
    "usage": "Similarly, create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of .dropdown-toggle-split for proper spacing around the dropdown caret.\r\n\r\nWe use this extra class to reduce the horizontal padding on either side of the caret by 25% and remove the margin-left that\u2019s added for regular button dropdowns. Those extra changes keep the caret centered in the split button and provide a more appropriately sized hit area next to the main button.",
    "snippet": "<div class=\"btn-group\">\r\n  <button type=\"button\" class=\"btn btn-secondary\">Dropdown<\/button>\r\n  <button type=\"button\" class=\"btn btn-secondary dropdown-toggle dropdown-toggle-split\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n    <span class=\"sr-only\">Toggle Dropdown<\/span>\r\n  <\/button>\r\n  <div class=\"dropdown-menu\">\r\n    <a class=\"dropdown-item\" href=\"#\">Action<\/a>\r\n    <a class=\"dropdown-item\" href=\"#\">Another action<\/a>\r\n  <\/div>\r\n<\/div>",
    "url": "https:\/\/getbootstrap.com\/docs\/4.0\/components\/dropdowns\/",
    "type": "Dropdowns",
    "library": "Bootstrap v4",
    "created": "2017-11-01 00:00:00",
    "modified": "2017-11-22 00:46:24",
    "contributor_company": "Most Wanted Web Services, Inc.",
    "contributor_name": "Steve Voorhees",
    "contributor_email": "sales@mwweb.host",
    "contributor_website": "https:\/\/mostwantedwebhosting.com"
}