70b0241189
Co-authored-by: Oleksii Kadurin <ovkadurin@gmail.com>; Thijs Louisse <Thijs.Louisse@ing.com>
30 lines
562 B
Markdown
30 lines
562 B
Markdown
# Button >> Extensions ||90
|
|
|
|
```js script
|
|
import { html } from '@mdjs/mdjs-preview';
|
|
import './extensions/bootstrap-button.js';
|
|
```
|
|
|
|
## 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>`;
|
|
};
|
|
```
|