123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051 |
- import React from 'react';
- import {withInfo} from '@storybook/addon-info';
- import DropdownLink from 'app/components/dropdownLink';
- import MenuItem from 'app/components/menuItem';
- export default {
- title: 'UI/Dropdowns/DropdownLink',
- };
- export const AnchorLeftDefault = withInfo('Anchors to left side')(() => (
- <div className="clearfix">
- <DropdownLink title="Test">
- <MenuItem href="">Item</MenuItem>
- </DropdownLink>
- </div>
- ));
- AnchorLeftDefault.story = {
- name: 'anchor left (default)',
- };
- export const AnchorRight = withInfo('Anchors to right side')(() => (
- <div className="clearfix">
- <DropdownLink anchorRight title="Test">
- <MenuItem href="">Item</MenuItem>
- </DropdownLink>
- </div>
- ));
- AnchorRight.story = {
- name: 'anchor right',
- };
- export const NestedDropdown = withInfo('Nested dropdowns')(() => (
- <div className="clearfix">
- <DropdownLink title="Nested Menu">
- <li className="dropdown-submenu">
- <DropdownLink title="submenu" caret={false} isNestedDropdown alwaysRenderMenu>
- <MenuItem href="">Sub Item 1</MenuItem>
- <MenuItem href="">Sub Item 2</MenuItem>
- </DropdownLink>
- </li>
- <MenuItem href="">Item 2</MenuItem>
- </DropdownLink>
- </div>
- ));
- NestedDropdown.story = {
- name: 'nested dropdowns',
- };
|