I just finished working on the radio button component for @SpiroKit 🥳

✅ Built on top of @nativebase radio button
✅ Color, size, and spacing customization 🎨
✅ Dark mode support 🌓
✅ Accessibility goodies 💪
✅ Much more 🚀

Docs: docs.spirokit.com/?path=/docs/co…

#buildinpublic

I've been working on a Tab Bar component for @SpiroKit 🚀

It's simple, yet it comes with a lot of customization options like:

✅ Label only / Icon only tabs
✅ Customizable icon's size
✅ Different colors for each tab
✅ Press and LongPress handling
✅ More

#buildinpublic

So I've been writing tons of new sections for the @SpiroKit docs lately:

✅ Typography scale and components
✅ Theming
✅ Color swatches
🟡 Design Tokens (in progress)

Next:
🐞 Fixing bugs
🔨 FInishing 2 core components
📄Getting started docs

#buildinpublic twitter.com/mauro_codes/st…

I've been working on a few more icons for @SpiroKit's welcome dashboard, and I'm loving it! 😍

Next:
🎨 Add typography, themes, and sizing sections
🔨 Keep working on a few more components
🕹️ Start working on something called "sandbox." More info about this soon

#buildinpublic twitter.com/mauro_codes/st…

I started to work on a new dashboard to present all the different components within @SpiroKit.

This is far from finished, but I wanted to share the ugly v1.

Ugly v1 is always better than a blank canvas. Now I need to iterate and improve.

#buildinpublic

Today I'll be publishing a new version of the @SpiroKit public docs (The storybook portal)

This new version will include several new components I've been working on.

Still a lot of work to do, but I'm getting closer 💪

#buildinpublic

I've been dealing with a few weird and absolutely annoying bugs with Storybook lately.

Not sure if it's a storybook bug or something I'm doing wrong, but it's taking me a lot of time and energy.

It's crazy how long it takes to build kick-ass docs

Wish me luck!
#buildinpublic

The alert component for @spirokit is nicely coming together 💪

I'm using composition to allow customization of the different elements like title, subheading, cancel and confirm button.

You can also customize the icon and the type of alert (warning, info, error) #buildinpublic

Here's a preview of my VerticalCard component for @SpiroKit.

I decided to heavily rely on composition for this one, so you can customize every single piece as you want.

I'll also build another version that allows you to define the entire body of the card.

#buildinpublic

After a long (and highly needed) vacation, I'm starting to share my progress with @spirokit in public.

I have a backlog with a clear scope for the MVP.

As the wise people say: If you are not a little bit ashamed of your MPV, you are not shipping soon enough.

#buildinpublic

First day working on the new landing page for @SpiroKit

Still not optimized for mobile, and I also need to add the pricing and testimonial sections.

Will do my best to finish tomorrow or Friday.

Pretty happy with the result so far 😁

#buildinpublic twitter.com/mauro_codes/st…

Working on a brand new landing page for @SpiroKit

I'm trying a new format, and a new copy too.

What do you think? 👈

#buildinpublic community, send help 😁

@dagorenouf will be proud

It's been a few tough days, but it's working!

I have my private NPM registry, where only logged-in users can download my packages.

But that was the easy part, thanks to @verdaccio_npm

The big achievement here is that the @SpiroKit core package is working! 🥳 🥳 #buildinpublic

Quick @spirokit update

It's been a lot of work, but I think the params table for the select component is almost ready.

Now, I need to work on adding new stories to further document different use cases, configurations, and customizations.

#buildinpublic

@Luuucilu @AndreusCafe Me encanta la idea! Si te copa podes usar el hash #buildinpublic para compartir el progreso

The dropdown component now is called "Select" because it makes more sense 😆

I added messages both for focused search & "no results" states.

I'm also proud that this component is entirely usable with the keyboard or with accessibility features like VoiceOver ❤️

#buildinpublic

Quick @spirokit update:

I've been working on the dropdown component.

I'm using @nativebase Modal component as a starting point and it's been a pleasure.

#buildinpublic

I've been working on a complex @spirokit component:

The dropdown menu with Search.

There are tons of things to consider for this component:
- Allow local or remote data sources🤯
- Infinite scroll
- Add several callbacks
- Filter options on local sources

#buildinpublic

Quick @SpiroKit update:

I've been refining the docs for the initial components, and it seems like finally I solved most of my storybook-related problems.

The rest of the week will be focused on adding new components 💪

#buildinpublic

I rely heavily on composition to allow tons of customizations on @spirokit components.

Here's an example of how you can pass the LabelComponent prop in the Text Input to include a label.

You can also pass the "required" flag to add the small red asterisk.

#buildinpublic