foundations

Library components

The library's components are the standard. Bending one is a decision devs see, and production's own restyling isn't the standard.

  • Library components (@wikicasa-dev/components) are the standard: use them as their docs show, with their props and variants.
  • The library's stylesheet loads after the tw- utilities, as in wikicasa-nuxt. A tw- class that sets something the component already sets (display, color, padding) loses: tw-flex or tw-hidden on a BaseButton does nothing against .uikit-btn { display: inline-block }.
  • Forcing it with !tw-flex works, and wikicasa-nuxt does it in many places. But it changes the component, so it's a deviation from the library: lint warns while you design, and the handoff lists each one for devs.