react-bootstrap-typeahead/types/components/MenuItem/BaseMenuItem.stories.js

React typeahead with Bootstrap styling

import React from 'react';
import { BaseMenuItem } from './MenuItem';
export default {
    title: 'Components/MenuItem/BaseMenuItem',
    component: BaseMenuItem,
};
const Template = (args) => React.createElement(BaseMenuItem, { ...args });
export const Default = Template.bind({});
Default.args = {
    children: 'This is a base menu item',
};
export const Active = Template.bind({});
Active.args = {
    active: true,
    children: 'This is an active base menu item',
};
export const Disabled = Template.bind({});
Disabled.args = {
    children: 'This is a disabled base menu item',
    disabled: true,
};