import React from 'react';
import DropdownControl, {DropdownItem} from 'app/components/dropdownControl';
import MenuItem from 'app/components/menuItem';
export default {
title: 'Core/Buttons/Dropdowns/DropdownControl',
};
export const BasicLabelKnobs = ({
menuWidth,
alwaysRenderMenu,
alignRight,
blendWithActor,
}) => {
return (
Href Item
Router Item
Disabled Item
Active Item
);
};
BasicLabelKnobs.storyName = 'basic label + knobs';
BasicLabelKnobs.args = {
menuWidth: '',
alwaysRenderMenu: true,
alignRight: false,
blendWithActor: false,
};
BasicLabelKnobs.parameters = {
docs: {
description: {
story: 'Using a string value for the button label',
},
},
};
export const BasicMenuItem = () => (
Slanty}>
);
BasicMenuItem.storyName = 'basic menu item';
BasicMenuItem.parameters = {
docs: {
description: {
story: 'Element labels replace the button contents',
},
},
};
export const ElementLabel = () => (
);
ElementLabel.storyName = 'element label';
ElementLabel.parameters = {
docs: {
description: {
story: 'Element labels replace the button contents',
},
},
};
export const PrefixedLabel = () => (
);
PrefixedLabel.storyName = 'prefixed label';
PrefixedLabel.parameters = {
docs: {
description: {
story: 'Element labels replace the button contents',
},
},
};
export const CustomButton = () => (
}
>
);
CustomButton.storyName = 'custom button';
CustomButton.parameters = {
docs: {
description: {
story: 'button prop lets you replace the entire button.',
},
},
};