react-asc

handcrafted components inspired by Material Design and bundled with rollup.

showcase

react-asc interactive showcase with code snippets link

Stackblitz Examples

• react-asc and jsx link
• react-asc and tsx link

usage

install package

npm install react-asc

install modern-normalize

npm install modern-normalize

Include styles

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

Usage

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

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

TypeScript

react-asc provides built-in ts definition

Included Components

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

Credit

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