lion/docs/components/button/extensions.md

parts	title	eleventyNavigation
Button Extensions	Button: Extensions	key order parent title Button: Extensions 90 Button Extensions

Button: Extensions

import { html } from '@mdjs/mdjs-preview';
import './extensions/bootstrap-button.mjs';

Bootstrap button

const capitalize = s => s[0].toUpperCase() + s.slice(1);

export const bootstrapButton = () => {
  const variants = [
    'primary',
    'secondary',
    'success',
    'danger',
    'warning',
    'info',
    'light',
    'dark',
    'link',
  ];

  return html`<div>
    ${variants.map(v => html`<bootstrap-button variant="${v}">${capitalize(v)}</bootstrap-button>`)}
  </div>`;
};