@lzstudio/react-ui v0.0.7

React UI library

Example

import "@lzstudio/react-widgets/src/styles/widgets.css"; // --- default styles
import "@lzstudio/react-widgets/src/styles/index.css"; // --- default vars styles
import { Button, Cell, Row, Wrapper } from "@lzstudio/react-widgets";

function App() {
  return (
    <Wrapper>
      <Row>
        <Cell
          styles={{ position: "relative" }}
          className='some_classname'
          gui={{ size: 12 }}
        >
          <h1>React UI library</h1>
          <Button events={{ onClick: () => alert("wellcome!") }}></Button>
        </Cell>
      </Row>
    </Wrapper>
  );
}

export default App;

List of widgets:

Markup:

• Wrapper
• Cell
• Row
• FieldSet

Forms:

• Button
• Selectize
• Checkbox
• Switchbox
• Dropdown
• Input

Usage patterns examples

Markup pattern:

Pattern with nesting markup