@lodgify/ui

React components for building amazing websites with Lodgify

Stats

stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
150Dec 3, 2020Feb 20, 2018Minified + gzip package size for @lodgify/ui in KB

Readme

React components for building amazing websites with Lodgify.

Travis David PRs

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

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.

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.