11bbc5fff5
* feat: migrated the navigation metadata from inline MD title decorations to frontmatter * fix: fixed frontmatter metadate for api-table MDs * fix: fixed frontmatter eslint issue
42 lines
723 B
Markdown
42 lines
723 B
Markdown
---
|
|
parts:
|
|
- Button
|
|
- Extensions
|
|
title: 'Button: Extensions'
|
|
eleventyNavigation:
|
|
key: 'Button: Extensions'
|
|
order: 90
|
|
parent: Button
|
|
title: Extensions
|
|
---
|
|
|
|
# Button: Extensions
|
|
|
|
```js script
|
|
import { html } from '@mdjs/mdjs-preview';
|
|
import './extensions/bootstrap-button.mjs';
|
|
```
|
|
|
|
## Bootstrap button
|
|
|
|
```js preview-story
|
|
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>`;
|
|
};
|
|
```
|