PricingDocsAcademy
Bluesky ...
Wed, Dec 11, 10:21 PM

Approach for unstyled components in Toddle without cluttered component API

  • Alfred

    1 month ago

    Has anyone figured out a solid approach for creating more flexible, style-customizable components? From my understanding, Toddle's components wouldn't fully support an unstyled approach due to Shadow DOM encapsulation. This means the only way to add flexibility is through custom properties (CSS variables). However, if I want to recreate Radix UI's layout box components—which support nearly all CSS property configurations—this would lead to a very cluttered component attribute API.

    Has anyone found a good approach for achieving and organising this level of styling flexibility in components?

    - https://www.radix-ui.com/themes/docs/components/box
    - https://www.chakra-ui.com/docs/components/box#as-prop

Stop scrolling. Start building.

toddle is a visual web app builder that rivals custom code — but accessible to your entire team!

Try toddle — it's free!

© Copyright 2024 toddle. All rights reserved.