View Source Shino
A UI kit for Phoenix.
Notes
DON'T USE IT.
This package is still in its early stages, so it may still undergo significant changes, potentially leading to breaking changes.
Installation
- add
:shino
to the deps ofmix.exs
:
{:shino, <requirement>}
- add shino to the deps of
package.json
:
"shino": "file:../deps/shino"
- setup Tailwind config for
Shino.UI
:
// edit tailwind.config.js
import mergeOptions from "merge-options"
import { tailwindConfig as configShinoUI } from "shino/ui"
export default mergeOptions.apply({ concatArrays: true }, [
configShinoUI,
{
content: [
"../deps/shino/**/*.*ex",
// ...
],
// ...
}
]
- setup hook for
Shino.Notification
:
import { createNotificationHook as createShinoNotificationHook } from "shino/notification"
const liveSocket = new LiveSocket("/live", Socket, {
// ...
hooks: {
"Shino.Notification": createShinoNotificationHook({ maxShownNotifications: 3 }),
// ...
},
})
Usage
For more information, see the documentation.