react-asc

handcrafted react components

Usage no npm install needed!

<script type="module">
  import reactAsc from 'https://cdn.skypack.dev/react-asc';
</script>

README

react-asc

handcrafted components inspired by Material Design and bundled with rollup.

showcase

react-asc interactive showcase link

usage

install package

npm install react-asc

install modern-normalize

npm install modern-normalize

Include styles

@import "modern-normalize";
@import "react-asc/react-asc.scss";

Usage

import React from "react";
import { Button } from "react-asc";

const MyApp = () => {
    return <Button>some button</Button>;
};

Included Components

  • Alert (beta)
  • AppBar
  • AutoComplete (beta)
  • Backdrop
  • Badge
  • Breadcrumb
  • Button
  • ButtonGroup
  • Card
  • Checkbox
  • Chip
  • ConditionalWrapper
  • DateSelect
  • Drawer
  • ExpansionPanel
  • FileInput
  • FloatingActionButton
  • Form (beta)
  • Grid
  • Icon
  • IconButton
  • Link
  • List
  • LoadingIndicator
  • Menu
  • Modal + ModalService
  • NumberSelect
  • Select
  • Sidebar
  • Snackbar + SnackbarService
  • SpeedDial
  • Stepper (beta)
  • Table (beta)
  • Tabs
  • Textarea
  • TimeSelect
  • Tooltip
  • TreeView (beta)
  • Typography

Credit

uses fontawesome icons as SVGs https://fontawesome.com/license