![]() It is a common scenario to display the Data in Tabular Form on multiple Screen. The whole idea is that 6 months down the road the codebase feels so yours that you’ll almost forget you kickstarted it with Catalyst in the first place.Īfter introducing the project and giving everyone a bit of a tour, I handed things off to Steve Schoger who did an amazing job walking through all of the little design details that went into making Catalyst feel like such a polished design system.In our recent Projects we have been using Breeze & Jetstream, both of which uses TailwindCss. ![]() When you want to create your own new components, create them. If you need to change something, change it. You download the latest version from us, copy the contents of the /components directory into your project, then start building. Think of it like a starting point for your own component system. If you want to tweak something, you just open up the file and tweak it - it’s not a library you install via npm. The biggest difference between Catalyst and our existing application UI component examples is that the components in Catalyst are all wired together like they’d be in a real project, instead of being isolated copy and paste code snippets.īut just like with our site templates, the code in Catalyst is yours. We closed out the keynote with a preview of Catalyst, the new React UI kit we’ve been working on since late last year. I’ll definitely write about this stuff in a lot more detail closer to release time, but watch the keynote if you want to take a closer look before then. We’re planning to introduce all of this stuff without any breaking changes, and many of these improvements (including Lightning CSS integration and our Rust-based template parser) will be available in Tailwind CSS v3.4 in the next couple of months. With CSS-based configuration, automatic content detection, and the simplified import story, configuring Tailwind with some custom colors and fonts might look as simple as this in the future: "tailwindcss" "./fonts" layer (base ) :theme I also shared a very early look at an idea we’re exploring for configuring Tailwind CSS right in your CSS file instead of in JavaScript. We’re adding automatic content detection so you won’t need to configure the paths to all of your template files anymore, and making it even easier to add Tailwind to your own CSS by replacing the need for all of the directives with a simple "tailwindcss" call at the top of your CSS file. Oxide is also going to bring a simplified configuration experience. ![]() ![]() So to help everyone make the most of their time here, we set up a Discord server for the event so people traveling in could make plans with each other, and rented out the patio at the Foundry Tavern next door to the event space for the afternoon to give people a reason to meet up early and make some new friends. We originally expected it to be a “drive there after work” local-heavy event, but almost half of the people who attended traveled by plane to get here. We ran the event in the evening and kept it to just one presentation, leaving as much time as possible for people to just hang out and connect over pizza and beer. Tailwind Connect started out as an idea for throwing a little local meetup while the team was in town, but naturally ballooned into us renting a massive hall, hiring a crew of four videographers, and racking up a catering bill that put my own wedding to shame.īut even though we got a little carried away with the production, we really tried to make it feel more like a meetup than a full-blown conference. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |