Spaper
PaperCSS components for Svelte
Documentation
Browse documentation and demo here.
Start
Import papercss
Add a link to the CDN into your HTML file:
<link rel="stylesheet" href="https://unpkg.com/papercss/dist/paper.min.css">
Or use NPM:
npm i papercss
then import in your main component:
<script>
import 'papercss/dist/paper.min.css'
</script>
Install spaper
npm i spaper
Usage
<script>
import { Button } from 'spaper';
// or
import Alert from 'spaper/components/Alert.Svelte';
</script>
<Alert>...</Alert>
<Button>Click me</Button>
Sponsors
Thanks to these generous people! ❤️
mehdi-dalil |
t0kido |
Donate
Any donation is greatly appreciated ❤️
Source | Link / Address |
---|---|
Github Sponsor | https://github.com/sponsors/Oli8 |
PayPal | https://paypal.me/OliCrt |
Bitcoin | 1Ez3Ts2WShUcbeGCjhZapdxVDK77DbYjdU |
Ethereum | 0xc4364cafac87fd8085dc26af4a4a8c3bbad1bd3e |
Components
- Alert
- Article
- Badge
- Breadcrumb
- Button
- Card
- Carousel
- CloseButton
- Col
- Collapsible
- CopyButton
- Form
- Checkbox
- Input
- Radio
- Select
- Slider
- Switch
- Hero
- Modal
- Navbar
- Pagination
- Popover
- Progress
- Row
- Skeleton
- Table
- Tabs
- Toast