kahi-ui-svelte

Straight-forward UI for modern Web Applications

Description

1:1 Svelte bindings to the Kahi UI CSS Framework. With bespoke Javascript for progressive enhancement!

Developer

Installation

Open your terminal and install via npm:

Not yet released

Or for the current in-development version:

npm install git+https://github.com/novacbn/kahi-ui-svelte

Documentation

Currently the documentation site is under construction. However you can view the documentation site's source code to get an understanding on how to use the bindings.

API

LEGEND:

• store means the API export is a Svelte Store
• svelte means the API export is a Svelte Component

• Components

  • Badge — svelte
  • Button — svelte
  • Divider — svelte
  • Dot — svelte
  • Placeholder — svelte
  • Spacer — svelte
  • Tab — svelte

• Elements

  • Embedded — svelte
  • Lists — svelte
  • Table — svelte

• Form

  • Field — svelte
  • Toggle — svelte

• Layouts

  • Container — svelte
  • Grid — svelte
  • Group — svelte
  • Mosaic — svelte
  • Stack — svelte

• Navigation

  • Aside
    • Container — svelte
    • Heading — svelte
  • Breadcrumb — svelte
  • Icon — svelte
  • Menu
    • Container — svelte
    • Anchor — svelte
    • Divider — svelte
    • Heading — svelte
    • SubMenu — svelte
  • Omni
    • Container — svelte
    • Body — svelte
    • Footer — svelte
    • Heading — svelte
  • Pagination — svelte
  • Tree — svelte

• Overlays

  • Backdrop — svelte
  • Dialog — svelte
  • Popover — svelte
  • Sheet — svelte
  • Toast — svelte

• Surfaces

  • Box — svelte
  • Card
    • Container — svelte
    • Body — svelte
    • Figure — svelte
    • Footer — svelte
    • Heading — svelte
  • Collapse — svelte
  • Hero
    • Container — svelte
    • Body — svelte
    • Footer — svelte
    • Heading — svelte
  • Tile
    • Container — svelte
    • Body — svelte
    • Figure — svelte
    • Footer — svelte
    • Heading — svelte

• Typography

  • Anchor — svelte
  • Formatting
    • CodeBlock — svelte
    • Code — svelte
    • PreBlock — svelte
  • Heading — svelte
  • Modifiers
    • Bold — svelte
    • Italic — svelte
    • Small — svelte
  • Paragraph — svelte
  • Quote — svelte

• Utilities

  • Portal — svelte