SaladUI - Phoenix liveview components inspired by shadui

Your Libraries & OS Mentoring Libraries
, , , , ,
61

For the last few months, we have been focusing on adding more test coverage to SaladUI.
The project has most of common components. I use it almost every day.

Give it a try and let me know if you are encountering any challenge.

1 Like
62

We are actively using it. I like it. But I haven’t seen any checkins on the github repo in 3 months, so I was wondering if we are betting on the wrong horse.

63

Although that said, the Dung Nguyen did show up today to merge a pr, so there’s hope!

1 Like
64

Thanks for using SaladUI, do you have any issue or suggestion?

65

Keep going! More components!

The core-components module is, itself, incomplete, and it would be great to make a complete replacement for it, including missing pieces such as radio buttons.

I have done a card-variant of radio buttons (select a card, any card, but only one card), but I don’t know if that’s something you would be interested in.

66

I think Toggle Group component Toggle Group - shadcn/ui is similar to your solution

67

Similar; although in my case I do need a full card ux, and the toggles are exclusive. Used in a form, as a replacement for a radio button.

68

Update Oct 1st

Hi there, it’s a long time from last update. Today I release new version with 3 more components added:

View the story book here: SaladUI - Toggle Group
Source code on GitHub

7 Likes
69

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
11 Likes
70

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: :rocket: 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
13 Likes
71

Update Oct 28th

Hi friends, here comes another release of Salad UI with 2 new added components:

Release v0.11.0

See them here: SaladUI - Accordion

8 Likes
72

Release SaladUI v0.12.0

I’m happy to announce a new component just added to SaladUI

  • Chart component (Demo) thanks to @selenil
  • Add attribute open to accordion component which allow to set open state to each accordion item

BTW, Selenil (Akin) is looking for a remote job, if you know any open position, please refer him.
His contact: abergesdesouza@gmail.com

Kapture 2024-11-01 at 23.04.41

8 Likes
73

Well done:

Here’s a gist with a card component i’ve created, maybe it will be useful for someone

74

One thing that is missing is docs like these and better install, igniter is all the hype right now, would be awesome if SaladUI could migrate to that.

Have a look at this:

1 Like
75

Yeah, I visited it few days ago. It’s document look great. We will improve document after complete with most function components.
Regarding Igniter, maybe when we have not much thing to do with document and component then I will back to the CLI and try Igniter

1 Like
76

Yeah completely, it’s a great job you’ve done already, if i ever find the time i’ll try and contribute!

Thank you for the great work you’ve done so far!

1 Like
77

That would be awesome.

1 Like
78

Release v0.13.0

Here comes another release with 2 new components added. Next release may take long time because the remaining are stateful components so it must be implemented as LiveView component instead of function component.

  1. Alert dialog Demo
  2. Collapsible Demo

Kapture 2024-11-06 at 20.48.55
collapsible

8 Likes
79

Love it! I’ve actually been trying to decide whether to give up on liveview and just build some API endpoints into my app and cave to the JS framework zoo. This project could change my mind. What are the odds you’ve got a tag component in the mix? Something like:

image
image1468×146 7.29 KB

80

Thanks, rebuild select component is in my list, but I’ve not had the final solution.

1 Like