Skip to content
Responsive and accessible React UI components built with Typescript and Emotion
Branch: master
Clone or download
bmcmahen Merge pull request #18 from mottox2/select
Ignore select pointer event
Latest commit 2cc7b94 May 14, 2019

README.md


npm package Tweet Follow on Twitter

Features

  • Beautiful, generic components that you can make your own.
  • Responsive and 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.
  • Included components: Alert, Avatar, Badge, Breadcrumbs, Button, Collapse, Container, Dialog, Divider, Form (and inputs), IconButton, Icons, Layer, Link, List, Menu, Navbar, Popover, Sheet, Spinner, Table, Tabs, Text, Toast, Toolbar, Tooltip, amongst others.

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/bmcmahen/sancho.git
cd sancho
yarn
yarn run storybook

License

MIT

You can’t perform that action at this time.