Skip to content

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

License

Notifications You must be signed in to change notification settings

nasa-jpl/svelte-stellar

Repository files navigation

npm (scoped)

@nasa-jpl/svelte-stellar

Svelte components for the Stellar design system.

Installation

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

Usage

More detailed usage examples can be found on the examples page (implementation).

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

<script lang="ts">
  import '@nasa-jpl/stellar/css/index.css';
  import '@nasa-jpl/stellar/font/inter/inter.css';
  // ...
</script>

Button

<script lang="ts">
  import { Button } from '../lib/index.js';
</script>

<Button>Primary</Button>