<p align="center" style="color: #343a40"> <a href="https://fictoan.io"><img src="fictoan-icon.svg" alt="Fictoan Framework" height="150" width="150"></a> </p>


Keywords
css, css-framework, hacktoberfest, hacktoberfest2021, react, reactjs, storybook, styled-components, ui-components
License
MIT
Install
npm install fictoan-react@1.2.4

Documentation

Fictoan Framework

Fictoan-React

React version of the Fictoan framework
Fictoan is an intuitive framework for designers looking to code and rapidly iterate on UI.


Features

  • Simple, straight-forward React custom props, exactly like setting properties in Figma or Sketch.
  • All attributes are intuitive and in plain English.
  • Most attributes and values are the same across different components.

Getting started

  1. Read the Docs.

  2. Install fictoan in your project

    Using pnpm, yarn or npm:

    pnpm add fictoan-react
    # or
    yarn add fictoan-react
    # or
    npm install fictoan-react
  3. Start using!

    import { Card } from "fictoan-react";
    
    const MyComponent = props => {
        return (
            <Card shape="rounded" bgColour="white" borderColour="slate-20" shadow="soft">
                My awesome card
            </Card>
        );
    }

Storybook

Start development server for storybook

yarn storybook

License

Licensed under the MIT License.