@quarkly/elements

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

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

Soon

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