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.
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.