Update Oct 19th

I’m so excited to announce release new version of SaladUI with a huge thank to Selenil

• In this version SaladUI provide 2 mix tasks that help you to configure library quickly with a single command instead of manually making change to bunch of files.

• Mix task also allows you to install only components that you need, as a part of your project, so you can easily customize components the way you want.
  Here is the usage:

• mix salad.init --as-lib configure SaladUI and use as a library

• mix salad.init configure SaladUI as a part of your project, then you can install only components that you want

• mix salad.add install one or more components to your project

Thanks all contributors that make this release happen.

Release v0.9.0

• @ashkan117: fix: Explicitly include the attributes to avoid lsp warning
• @selenil: feature: Add mix task for init & install salad_ui components
• @forest: fix input warning
• @bluzky: fix overriding input name/value not working
• @bluzky: feature: Add support for custom error translation function

Updated June 7th

I’ve added a new demo page using SaladUI

Desktop

image1200×658 25.4 KB

Mobile

Screen Shot 2024-06-06 at 23.21.13750×1334 35.1 KB

Update Oct 5th

Hi guy, I’m happy to show you some updates from SaladUI.
I’ve added a demo for using SaladUI input components in form.
https://salad-storybook.fly.dev/examples/form_demo

Release v0.8.0

• Add support Form.Field for all input components

Breaking changes
This version introduce some change to unify interface and term for some components:

• Toggle.toggle change pressed attribute → value
• Select change instance → builder
• Tab.tab_trigger change root attribute → builder and required exposing builder from the tabs

We’re excited to announce SaladUI v1 alpha, our accessible component library for Phoenix LiveView!

What’s New

• Enhanced Accessibility: Improved ARIA support and keyboard navigation
• Mini JS Framework: State machine-based component architecture
• Advanced Component System: Better tools for building complex interactive components
• Server-Client Commands: Improved API to control components from the server
• Better Event Handling: Standardized event system across all components

Try it at Salad UI - Dropdown Menu
Github repo: GitHub - bluzky/salad_ui: Phoenix Liveview component library inspired by shadcn UI

There are many bugs, outdated document. I’m spending most of time on my team project so I’ll gradually update. Please open issue.

We welcome your feedback!

To actually touch every component and make their interface useful and serve common usecases, I’m working on a demo admin template.

Here is a demo for those who are interesting.