@gechiui/components/src/toolbar-group/stories/index.js

UI components for GeChiUI.

/**
 * GeChiUI dependencies
 */
import { formatBold, formatItalic, link } from '@gechiui/icons';

/**
 * Internal dependencies
 */
import { ToolbarButton, ToolbarGroup } from '../../';

export default { title: 'Components/ToolbarGroup', component: ToolbarGroup };

export const _default = () => {
	return (
		<ToolbarGroup>
			<ToolbarButton icon={ formatBold } title="Bold" isActive />
			<ToolbarButton icon={ formatItalic } title="Italic" />
			<ToolbarButton icon={ link } title="Link" />
		</ToolbarGroup>
	);
};

export const withControlsProp = () => {
	return (
		<ToolbarGroup
			controls={ [
				{ icon: formatBold, title: '粗体', isActive: true },
				{ icon: formatItalic, title: '斜体' },
				{ icon: link, title: '链接' },
			] }
		/>
	);
};