Semantic Styled UI
Leveraging the power and style of Semantic UI and Styled Components to deploy custom components that abstract away complex library interactions.
Description
This repo hosts a UI component library for React that styles content based of Semantic UI but improves the default styles with Styled Components. It allows for easy plug and play in projects looking to take advantage of Styled Components without dealing with the hassle of integrating Semantic UI styles manually. It also includes some useful components and prebuilt components for rapid web app development.
Library originally built for connect-door and then copied into gulf-corp for further development. Commits here only go back to the beginning of the second repo so visit the first for more commit history.
Dependencies & Installation
Clone this repo and then run the following command to download dependencies and build:
npm install
npm run build
Known Issues
- pending
Contributing
- Fork it (https://github.com/zachhardesty7/semantic-styled-ui/fork)
- Create your feature branch (
git checkout -b feature/fooBar
) - Commit your changes (
git commit -am 'Add some fooBar'
) - Push to the branch (
git push origin feature/fooBar
) - Create a new Pull Request
License
Copyright 2018 Zachary Hardesty
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
Full Apache 2.0 License Source
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.
Special Acknowledgements
- Semantic UI React - The official Semantic-UI-React integration
- Styled Components - Promote declarative rendering of component styles based on props
- React - A declarative, efficient, and flexible JavaScript library for building user interfaces
- React Scroll - Component for animating vertical scrolling
- Javascript Standard JS & Airbnb Hybrid Style - Airbnb's JS ESLint config + JS Standard Style