orcs-design-system
Version:
TeamForm's Design System, aka: ORCS
42 lines • 1.29 kB
JavaScript
import React from "react";
import HeaderSimple from ".";
import TextInput from "../TextInput";
import { jsx as _jsx } from "react/jsx-runtime";
export default {
title: "Components/HeaderSimple",
component: HeaderSimple
};
export const defaultHeader = () => /*#__PURE__*/_jsx(HeaderSimple, {
appName: `App Name`,
userName: `Michael`,
avatarSource: "https://api.dicebear.com/7.x/personas/svg?seed=mike",
avatarAlt: "Avatar for Michael",
currentWorskapce: "Org Design Workspace"
});
defaultHeader.storyName = "Default Header";
export const headerWithSearch = () => /*#__PURE__*/_jsx(HeaderSimple, {
variant: "search",
appName: "App Name",
userName: "Michael",
avatarSource: "https://api.dicebear.com/7.x/personas/svg?seed=mike",
avatarAlt: "Avatar for Michael",
currentWorskapce: "Org Design Workspace",
searchComponent: /*#__PURE__*/_jsx(TextInput, {
fullWidth: true,
id: "search",
type: "text",
placeholder: "Search for...",
iconRight: ["fas", "search"]
}, "search")
});
headerWithSearch.storyName = "Header with search";
defaultHeader.__docgenInfo = {
"description": "",
"methods": [],
"displayName": "defaultHeader"
};
headerWithSearch.__docgenInfo = {
"description": "",
"methods": [],
"displayName": "headerWithSearch"
};