Git Product home page Git Product logo

croud-style-guide's Introduction

Croud Style Guide

Build Status npm version

The Croud Style Guide is a mixture of design patterns and technical documentation for reusable UI components.

Live Style Guide

Live Technical Docs

Updating

To update the style guide, simply run yarn upgrade on the npm package:

yarn upgrade croud-style-guide

Read the docs for more information on upgrading.

Using the Style Guide

Please take a look at the Documentation for details on how to install and contribute to the style guide.

Contributing

Before contributing please take a minute to read our CONTRIBUTING.md file just so that any additions comply with the rules put in place to keep this project consistent and of good quality.

Also take a look at the Documentation provided for guides on how to contribute.

Built With

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

croud-style-guide's People

Contributors

brockreece avatar jscrobinson avatar kingy04 avatar mitchreece avatar paul-watkins-croud avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

Forkers

yangwch

croud-style-guide's Issues

Tidy up examples

  • Sidebar icon button needs changing to a standard button
  • Croud-confirm buttons seem to be overridden on both examples

Update docs

@kingy04 before we release the new components for the Journal's project we will need to make sure their docs are up to date.

I will create a prerelease for these components so the Journal project can be moved onto the preview server, but could you update these docs before we release the Journals project?

Review loading spinner

Product have requested that our loading spinner should be changed to the croud 'notched' O
This is a nice to have and is something that should be built into semantic so it can be css driven.

Error during the cloning the repository with git clone

When I try to clone, the repository created didn't work fine, because said me that I have change without commit, but recently I had cloned it.

I tried in a Windows, I guess that the problem it's the file src/Icon that it tries to download.

Regards

Date range defaults to single date

screen shot 2018-02-14 at 08 59 49

The date range component seems to default to using a single date, even if you pass through a date range (different start and end dates).

Add collapsable item list/menu with slot expanded content

User Stories:
As a user i would like to see a expandable/collapsable item with some relevant content within

Requirements:
Create a new style component for the above with props for the item header text and a slot for the content within it

WWE: Date range component issues

The date range component fails to render when used in our croud-sidebar component, further more the style/layout of the popup is not consistent with the styles when used on the filter bar

Issues with the styleguidist

It seems like an update of styleguidist has stopped some of our components from showing. They seem to be mainly third party components (vue-full-calendar, croud-forms).

Investigate and fix issue.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.