Skip to content

bluzky/salad_storybook

Repository files navigation

SaladStorybook

Sample page

Salad UI is a collection of phoenix live view component inspired by shadui Currently these components are under heavy development and cannot be used as separated library.

How to start Story book.

  1. Clone this repository

  2. Clone https://github.com/bluzky/salad_ui at the same directory with this repo

  3. Install node modules

cd assets && yarn

  1. Install dependency & start
mix deps.get
mix phx.server

Now you can visit localhost:4000 from your browser.

List of components

  • Accordion
  • Alert
  • Alert Dialog
  • Avatar
  • Badge
  • Breadcrumb
  • Button
  • Card
  • Carousel
  • Checkbox
  • Collapsible
  • Combobox
  • Command
  • Context Menu
  • Dialog
  • Drawer
  • Dropdown Menu
  • Form
  • Hover Card
  • Input
  • Input OTP
  • Label
  • Pagination
  • Popover
  • Progress
  • Radio Group
  • Scroll Area
  • Select
  • Separator
  • Sheet
  • Skeleton
  • Slider
  • Switch
  • Table
  • Tabs
  • Textarea
  • Tooltip