Layout scaffolding for Web apps.
Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
 
 
 
TheoryOfNekomata ac041aefaa Initial commit 3 anos atrás
src Initial commit 3 anos atrás
.editorconfig Initial commit 3 anos atrás
.gitignore Initial commit 3 anos atrás
LICENSE Initial commit 3 anos atrás
README.md Initial commit 3 anos atrás
package.json Initial commit 3 anos atrás
tsconfig.json Initial commit 3 anos atrás
yarn.lock Initial commit 3 anos atrás

README.md

Viewfinder

Layout scaffolding for Web apps.

Usage

Just import:

import * as React from 'react'
import { Basic, LeftSidebar, LeftSidebarWithMenu, RightSidebarStatic } from '@tesseract-design/viewfinder'

const Page: React.FC = ({
	avatar,
	fullName,
}) => (
	<Basic.Layout
		brand={
		  <a href="/">
				<img
					src="logo.svg"
					alt="ACME Inc."
				/>
		  </a>
		}
		topBarCenter={
			<form>
				<input
					type="search"
					name="q"
				/>
			</form>
		}
		userLink={
			<a href="/profile">
				<img
					src={avatar}
					alt={fullName}
				/>
			</a>
		}
	>
		<Basic.ContentContainer>
			Hello world!
		</Basic.ContentContainer>
	</Basic.Layout>
)

export default Page

The available props per layout is included as a TypeScript declarations file.