Skip to content

Basvelte is a Svelte component system inspired by the Base UI of Uber.

License

Notifications You must be signed in to change notification settings

chiunhau/basvelte-ui

Repository files navigation

Basvelte UI

(WIP 🚧) Basvelte is a Svelte component system inspired by the mighty Baseui.

Usage

<script>
import Theme from 'basvelte-ui/Theme.svelte'; //Theme context
import { Button, SIZE } from 'basvelte-ui/button';
</script>

// App.svelte
<Theme>
  <main>
    <Button size="{SIZE.mini}">Mini</Button>
    <Button size="{SIZE.compact}">Compact</Button>
    <Button size="{SIZE.default}">Default</Button>
    <Button size="{SIZE.large}">Large</Button>
  </main>
</Theme>

Components Roadmap

Basic

  • Button 🚧
  • Button Group
  • Checkbox 🚧
  • Form Control 🚧
  • Input 🚧
  • Radio
  • Slider
  • Textarea 🚧
  • Menu 🚧
  • Select
  • Tabs
  • Layout Grid 🚧
  • Heading 🎉
  • Icon 🚧
  • List 🚧
  • Tag 🚧
  • Avatar 🚧
  • Drawer 🚧
  • Modal 🚧
  • Popover 🚧
  • Layer 🚧

Advanced

PICKERS

  • File Uploader
  • Rating

DATE & TIME

  • Datepicker
  • Time Picker

NAVIGATION

  • Breadcrumbs
  • Pagination
  • Side Navigation

CONTENT

  • Accordion
  • Drag and Drop List
  • Tree View
  • Typography

TABLES

  • Table
  • Data Table
  • Grid Table
  • Flex Table

PROGRESS & VALIDATION

  • Notification
  • Progress Bar
  • Progress Steps
  • Skeleton
  • Snackbar
  • Spinner
  • Toast

SURFACES

  • Card
  • Tooltip

About

Basvelte is a Svelte component system inspired by the Base UI of Uber.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published