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: about 5 hours 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 (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-08-23T19:37:49.000Z (3 months ago)
• Last Synced: 2024-10-31T09:16:18.910Z (12 days ago)
• Topics: apple, component, component-library, library, svelte
• Language: Svelte
• Homepage: https://www.npmjs.com/package/apple-svelte
• Size: 279 KB
• Stars: 25
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

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).