Skip to content
forked from bmcmahen/sancho

Responsive and accessible React UI components built with Typescript

Notifications You must be signed in to change notification settings

heerzhang/sancho

 
 

Repository files navigation


npm package Tweet Follow on Twitter

Features

  • This package is modified based on the previous Sancho migration;该包是基于前人的sancho移植来修改的。
  • Beautiful, generic components that you can make your own.
  • Highly responsive. Sancho takes mobile seriously, with built in support for gestures.
  • Accessible.
  • A fully customizable theme, which includes a dark and light mode.
  • Fully typed for use with Typescript.
  • Support for tree shaking. Bundle only those components that you need.
  • An ever-growing list of components.

View the documentation for full details.

Getting started

Install Sancho and Emotion using yarn or npm:

yarn add sancho @emotion/core @emotion/css

And import your desired components into your React project.

import { Button } from "sancho";

function MyApp() {
  return <Button>Hello world</Button>;
}

Sample projects

Julienne


Julienne is a small application built with Sancho and Firebase which helps you share recipes with family and friends. View the source here.

Captioner


Captioner is an in-browser tool for generating captions for your videos. It's also built with Sancho and Firebase. View the source here.

Development

git clone https://github.com/heerzhang/sancho.git
cd sancho
yarn
yarn run storybook

License

MIT

About

Responsive and accessible React UI components built with Typescript

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 99.7%
  • Other 0.3%