npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

stardust

v0.52.5

Published

The official Semantic-UI-React integration.

Downloads

199

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

rochellemrrochellemrskusumanchiskusumanchita-jschrammta-jschrammjohnny_allenjohnny_allenstephen_tastephen_taken.saeternken.saeternmvandentopmvandentopl.daniell.danielmonahajtmonahajttadeploytadeployallanlingallanlingjeffsiebachtajeffsiebachtamicahdshackelfordmicahdshackelfordta.josephkingta.josephkingchrisredwinechrisredwineambientselfambientself

Keywords

Readme

Stardust

Gitter Circle CI Codecov Gemnasium npm

Hey, we're in development. Prior to reaching v1.0.0:

  1. MINOR versions represent breaking changes
  2. PATCH versions represent fixes and features
  3. There are no deprecation warnings between releases
  4. You should consult the CHANGELOG and related issues/PRs for more information

Voice Your Opinion :speech_balloon:

Help shape this library by weighing in on our RFC (request for comments) issues.

How Can I Help? :hand:

Documentation :blue_book:

Getting started

Install

npm i stardust -S

Usage

App.js

import React, { Component } from 'react'
import { Button } from 'stardust'

export default class TryStardust extends Component {
  render() {
    return <Button>Hello</Button>
  }
}

index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Try Stardust</title>

  <!-- SUI CSS -->
  <link href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.css" rel="stylesheet">
</head>
<body>
  <script src="bundle.js"></script>
</body>
</html>

We then use Webpack to create bundle.js from App.js and include it in index.html.

For more complete examples, check out the Doc Site.

Debugger

We use the debug module for debugging. You can turn debugging on and off via the localStorage.debug flag from the browser console. See the debug docs for more.

localStorage.debug = 'stardust:*'         // default, debug all components
localStorage.debug = 'stardust:dropdown'  // debug only the dropdown
localStorage.debug = null                 // turn debug off

Once you change the flag, you need to refresh your browser to see the changes in debug output.

How Can I Help?

Our CONTRIBUTING.md is a step-by-step setup and development guide. It is meant to be read from top to bottom. Once you're up to speed, each issue here includes more information on how you can help:

v1.0 Migrations

Have a look at the task list on the issue to see where you can jump in.

Missing Components

We're seeking component parity with Semantic UI, plus some addons. There is an issue for every missing component, labeled enhancement help wanted. Just comment on the issue you'd like to take.

Help Wanted Label

Any other issue labeled help wanted is ready for a PR.

Our Principles

TechnologyAdvice has been dogfooding Stardust in production since fall of 2015. This living list is updated as we iterate. We'll lock it in as our v1.0 constitution soon.

  • No jQuery dependency
  • No animation dependencies
  • Reuse SUI CSS transitions
  • Complete keyboard support
  • Complete SUI component definition support
  • Completely documented
  • Completely tested
  • Abstract away HTML markup intricacies

Support

| Elements | Collections | Views | Modules | Behaviors | |-----------------|-----------------|-----------------|-----------------|--------------------| | x Button | x Breadcrumb | _ Advertisement | x Accordion | x Form Validation | | x Container | x Form | x Card | x Checkbox | API (NA) | | x Divider | x Grid | _ Comment | _ Dimmer | Visibility (NA) | | x Flag | x Menu | x Feed | x Dropdown | | | x Header | x Message | x Item | _ Embed | | | x Icon | x Table | x Statistic | x Modal | | | x Image | | | _ Nag | | | x Input | | | _ Popup | | | x Label | | | x Progress | | | x List | | | x Rating | | | x Loader | | | x Search | | | x Rail | | | _ Shape | | | _ Reveal | | | _ Sidebar | | | x Segment | | | _ Sticky | | | x Step | | | _ Tab | | | | | | _ Transition | |

Releasing

On the latest clean master:

npm run release:major
npm run release:minor
npm run release:patch

Credit

Made with :heart: @TechnologyAdvice, a ridiculous place to work.