@alwaystudios/as-ui-components

React components and icons

Usage no npm install needed!

<script type="module">
  import alwaystudiosAsUiComponents from 'https://cdn.skypack.dev/@alwaystudios/as-ui-components';
</script>

README

as-ui-components

React components and icons

Components

See storybook for component and icon usage http://as-ui-components.s3-website-eu-west-1.amazonaws.com/

SortableList

Children should render the components of the data, e.g.

    <SortableList data={data} setData={setData}>
        {data.map((item, index) => (
            <Container key={index}>{item}</Container>
        ))}
    </SortableList>

Icons

  • AlarmIcon
  • ArrowIcon (up | down | left | right)
  • ClockIcon
  • CopyIcon
  • CrossIcon
  • DinnerPlateIcon
  • DustbinIcon
  • EmailIcon
  • ErrorIcon
  • FacebookIcon
  • HistoryIcon
  • InstagramIcon
  • LinkedInIcon
  • LockIcon
  • MagnifyingGlassIcon
  • MapsIcon
  • ResizeIcon (horzontal | vertical)
  • SaveIcon
  • SearchIcon
  • SuccessIcon
  • TelephoneIcon
  • UnLockIcon
  • UploadIcon
  • WarningIcon