https://github.com/nasa-jpl/svelte-stellar

A Svelte implementation of the Stellar design system for spacecraft operations tools.
https://github.com/nasa-jpl/svelte-stellar

aerospace css design operations planning spacecraft stellar svelte

Last synced: 6 months ago
JSON representation

A Svelte implementation of the Stellar design system for spacecraft operations tools.

• Host: GitHub
• URL: https://github.com/nasa-jpl/svelte-stellar
• Owner: nasa-jpl
• License: mit
• Created: 2023-03-28T21:13:52.000Z (over 2 years ago)
• Default Branch: develop
• Last Pushed: 2024-07-24T18:48:38.000Z (about 1 year ago)
• Last Synced: 2025-04-21T11:15:56.222Z (6 months ago)
• Topics: aerospace, css, design, operations, planning, spacecraft, stellar, svelte
• Language: Svelte
• Homepage: https://nasa-jpl.github.io/svelte-stellar/
• Size: 383 KB
• Stars: 3
• Watchers: 2
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
[![npm (scoped)](https://img.shields.io/npm/v/@nasa-jpl/svelte-stellar)](https://www.npmjs.com/package/@nasa-jpl/svelte-stellar)

# @nasa-jpl/svelte-stellar

Svelte components for the [Stellar](https://github.com/nasa-jpl/stellar) design system.

## Installation

```sh

npm install @nasa-jpl/svelte-stellar @nasa-jpl/stellar --save

```

## Usage

More detailed usage examples can be found on the [examples page](https://nasa-jpl.github.io/svelte-stellar/) ([implementation](https://github.com/nasa-jpl/svelte-stellar/blob/develop/src/routes/%2Bpage.svelte)).

Before usage make sure you import the base Stellar CSS files. For example if you need everything:

```svelte

  import '@nasa-jpl/stellar/css/index.css';

  import '@nasa-jpl/stellar/font/inter/inter.css';

  // ...

```

### Button

```svelte

  import { Button } from '../lib/index.js';

Primary

```