Node's Pocket Monsters

    loplat-ui
    TypeScript icon, indicating that this package has built-in type declarations

    1.9.0-beta • Public • Published
    loplat logo

    loplat UI

    A React UI Component Library, powered by loplat Frontend Team.

    license license license license license license

    Installation

    // with yarn
    yarn add loplat-ui
    
    // with npm
    npm install loplat-ui

    Usage

    Getting Started

    import React from 'react';
    import { Button } from 'loplat-ui';
    
    function Example() {
      return <Button>Hello world!</Button>;
    }

    Styling Components

    All the loplat UI components are styled with @emotion.

    If you'd like to change the styles of loplat UI components, you must use styled API provided by either loplat-ui or @emotion/styled.

    styled API provided by other CSS-in-JS libraries will not work as expected.

    import { Button, styled } from 'loplat-ui';
    
    const StyledButton = styled(Button)`
      color: red;
    `;
    
    function Example() {
      return <StyledButton>Hello world!</StyledButton>;
    }

    Documentation & Demo

    Check out our storybook website.

    Changelog

    If you have recently updated, please read the changelog for details of what has changed.

    Roadmap

    • Dropdown using Compound Components
    • Accordion using Compound Components
    • D3.js Charts

    License

    This project is licensed under the terms of the MIT license.

    Install

    npm i loplat-ui

    DownloadsWeekly Downloads

    132

    Version

    1.9.0-beta

    License

    MIT

    Unpacked Size

    1.42 MB

    Total Files

    1220

    Last publish

    Collaborators

    • mochapoke
    • loplat-dev
    • jyp0808