https://github.com/Carza-104/apple-svelte

UI component library for Svelte based on Apple's Human Interface design language.
https://github.com/Carza-104/apple-svelte

apple component component-library library svelte

Last synced: 2 months ago
JSON representation

UI component library for Svelte based on Apple's Human Interface design language.

• Host: GitHub
• URL: https://github.com/Carza-104/apple-svelte
• Owner: Carza-104
• Created: 2023-09-23T09:41:37.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2023-12-31T17:24:28.000Z (6 months ago)
• Last Synced: 2024-01-01T17:24:27.191Z (6 months ago)
• Topics: apple, component, component-library, library, svelte
• Language: Svelte
• Homepage: https://www.npmjs.com/package/apple-svelte
• Size: 271 KB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Lists

• awesome-stars - Carza-104/apple-svelte - UI component library for Svelte based on Apple's Human Interface design language. (Svelte)

README

        
# apple-svelte

apple-svelte is a component library for Svelte based on Apple's Human Interface design language.

To get started with apple-svelte, check out [the docs](https://apple-svelte.vercel.app).

## Installation

Open a [Svelte project](https://kit.svelte.dev/docs/creating-a-project) and enter the following command into your terminal:

```

npm i apple-svelte

```

Include [Material Symbols](https://fonts.google.com/icons?icon.style=Rounded) or whatever symbol library you're using into your HTML head and import apple-svelte's stylesheet, as well as the components you need.

```

    import { Button } from 'apple-svelte';

    

    

```

If the above syntax doesn't work, you can copy the stylesheet and paste it into your project.

To learn how to customize apple-svelte, check out [the docs](https://apple-svelte.vercel.app).