olivermt

olivermt

Announcing SurfaceBootstrap library

Without further ado: GitHub - surface-ui/surface_bootstrap · GitHub

Some TODOs:

  • Get it up under https://bootstrap.surface-ui.org and get it linked from main surface docs
  • Some utility classes for rows and grids, just need to think a bit more on how to make it oppinionated enough to be useful in saving time but also allowing the insane amounts of permutations you need to do to full flexbox stuff
  • Tooltips and popovers coming soon ™

I hope this library will seriously lower the bar for people to start using Surface and be able to pump out pages using the Comic Sans of the internet :slight_smile:

Thanks a dozen to all my sparring partners on the Slack in getting this out: @msaraiva @paulstatezny @Malian and many more.

Open issues for any bugs or feature requests!

Most Liked

olivermt

olivermt

Small maintenance release 0.1.1.

  • Upgraded to bootstrap 5.0.0-beta3. PR #4 - Thanks @joerichsen
  • Fix module name nesting in docs PR #3 - Thanks @mbuhot
  • Relax Ecto version PR #2 - Thanks @dustinfarris

Coming up in next few days is:

  • Total NavBar rework (old api too oppinionated to make sidebars etc and I misunderstood how collapsible should work)
  • Accordions and Collapsibles in general
  • Toast notifications (that survive live redirects)
olivermt

olivermt

v0.2.0 released!

  • Migrate to Surface 0.4.1 (atoms not auto-cast anymore), has to be 0.4.1 or above because 0.4.0 swamps with compiler warnings due to a change in LiveView

  • [BREAKING CHANGE] Completely rework NavBar, look at examples to see how to use NavBar. It has been moved to only implement the outer and main components as I was unable to find a proper middleway for all the permutations. This is a BREAKING CHANGE because the old NavBar was naively done and could not support sidebars, and it also did not implement the collapser properly.

  • Added a naive tooltip implementation, injects a with random ID, so it might provoke rerenders.

  • Exposed a hook you can simply use with :hook={{ "Hook", from: SurfaceBootstrap.Tooltip }}. This requires you to put a unique HTML ID on your component, as this is a requirements for hooks to fire.

olivermt

olivermt

v0.2.3 (2021-06-22) released!

  • Upgrade to surface 0.5.0 (thank you @escobera (github username for PR)).
  • Add more fine grained sizing and color styling to Icon.
  • Add values prop to Button that passes on to :values directive.
  • Add opts prop to Button to pass on as attrs on <button>

Last Post!

olivermt

olivermt

v0.2.4 (2021-06-23)

  • Yank 0.2.3 due to bug in Button aria properties
  • Fix said bug

v0.2.5 (2021-06-23)

  • Add Breadcrumb

Where Next?

Popular in Announcing Top

KronicDeth
Elixir plugin for JetBrain’s IntelliJ Platform (including Rubymine) This is a plugin that adds support for Elixir to JetBrains IntelliJ...
289 36689 110
New
kelvinst
Hey everyone! Well, we made this lib a while ago and now we decided to finally go out and public with it! It’s a tool for creating and m...
New
pkrawat1
Hey guyz We at @aviabird are working on a payment library in elixir/phoenix. We are targeting March 2018 to add 56 Gateways to it. Have...
New
josevalim
Yes, yet another parser combinator library! Most of the parser combinators in the ecosystem are either compile-time, often using AST tra...
159 19870 141
New
anshuman23
Hello all, I have been working on my proposed project called Tensorflex as part of Google Summer of Code 2018.. Tensorflex can be used f...
New
sorentwo
Hello! tl;dr Announcing Oban, an Ecto based job processing library with a focus on reliability and historical observability. After spen...
985 44608 311
New
mathieuprog
Hello :waving_hand: Allow me to introduce you to Tz, an alternative time zone database support to Tzdata. Why another library? First a...
New

Other popular topics Top

minhajuddin
I have seen a lot of code which picks the first element from a list using Enum.at(0) instead of List.first. Is there a reason why people ...
New
hariharasudhan94
I would like to know what is the best IDE for elixir development?
New
jononomo
For some reason my phoenix channels are working for me in my local dev environment, but as soon as I deploy via Docker, I get a 403 error...
New
chrismccord
Phoenix 1.4.0 released Phoenix 1.4 is out! This release ships with exciting new features, most notably with HTTP2 support, improved deve...
688 31525 112
New
alice
Hey, Just curious what are the main benefits of Elixir compared to Clojure? When is Elixir more useful than Clojure and vice versa? Th...
New
TunkShif
This post is an instruction guide to help you setup your Neovim for Elixir development from scratch. It includes general information on h...
274 42576 114
New

We're in Beta

About us Mission Statement