Home

Awesome

<div align="center"> <a href="https://lodgify.github.io/lodgify-ui/"> <img src="https://li5.cdbcdn.com/oh/a84645c0-0a35-4735-bda5-e5c425c2ffdc.png" width="150" /> </a>

React components for building amazing websites with Lodgify.

Travis David PRs

https://lodgify.github.io/lodgify-ui/

<img src="https://li5.cdbcdn.com/oh/1c5d629f-450d-4ffe-aab0-80895284abf9.png" width="699" /> </div>

Prior art

Lodgify UI stands on the shoulders of Semantic UI. It follows the same principles and consumes a lot of its code.

Usage

import { Form, TextInput } from '@lodgify/ui';

import '@lodgify/ui/lib/styles/lodgify-ui.css';

export const Component = () => (
  <Form
    actionLink={{
      onClick: () => console.log('Clicked the action link'),
      text: 'Forgot password?'
    }}
    headingText="Log in"
    submitButtonText="Submit"
  >
    <TextInput label="Name" name="name" />
    <TextInput label="Password" name="password" type="password"/>
  </Form>
)

See more at https://lodgify.github.io/lodgify-ui/

Get started

Install

$ npm install @lodgify/ui

Import components

import { Heading } from '@lodgify/ui';

Import styles

import '@lodgify/ui/lib/styles/lodgify-ui.css';

Contributing

See contributing.