aesarine/elements

atomic react UI components

WIP:Elements UI

Elements — atomic react UI components based on Elementary.

Get started

Installation

npm i @quarkly/elements

Usage

import React from 'react';
import ReactDom from 'react-dom';
import { Box, Text } from '@quarkly/elements';

ReactDom.render(
  <Box width={[1, 1 / 2, 1 / 4]} bgc={['red', 'green', 'blue']} height="300px">
    <Text fz={2}>Hello from Elements</Text>
  </Box>,
  document.getElementById('root'),
);

Components

• Block
• Box
• Button
• Card
• Carousel
• Flex
• Grid
• Hr
• Image
• Link
• List
• Spacer
• Text
• Video

Soon

• Icon
• Map
• Drawer
• Gallery
• Menu
• Submenu
• Popup
• Footer
• Accordion
• Form
• Schedule
• Timeline
• Stages
• Social buttons
• Timer
• Payment
• Facebook feed