Tweet
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'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've been working until 2 am on these icons.

It's starting to look as I initially imagined in my head 😁

I still need to work on a few more icons and add tons of sections, but I'm thrilled with the current direction. 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
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