Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 | import { storiesOf } from "@storybook/react"; import { IdentityThemeProvider } from "../../themes"; import { NftSearchBox } from "./NftSearchBox"; import { TabbedSearch, TabbedSearchBox } from "./TabbedSearch"; import { Tab } from "../layouts"; const tabs: Tab[] = [ { tabName: "search", title: "Search", content: ( <TabbedSearchBox onSearch={(value) => console.log("Search" + value)} placeholderText="Find a Business, Organization, Individual, DID address" /> ), }, { tabName: "vc", title: "Validate VC", content: ( <TabbedSearchBox onSearch={(value) => console.log("Validate VC" + value)} placeholderText="Validate a VC" /> ), }, { tabName: "nft", title: "NFT Lookup", content: <NftSearchBox onSearch={(value) => console.log("NFT Lookup" + value)} />, }, ]; storiesOf("Tabbed Search", module).add("Tabbed Search", () => { return ( <IdentityThemeProvider> <TabbedSearch activeTab="search" tabs={tabs} /> </IdentityThemeProvider> ); }); |