Code Monkey home page Code Monkey logo

Comments (4)

patrickarlt avatar patrickarlt commented on June 5, 2024

I'm going to try to get a rough draft of this done by Tuesday based on what is in Calcite Web 2.0 right now.

from calcite-design-system.

patrickarlt avatar patrickarlt commented on June 5, 2024

Generally speaking this is done and has full ARIA and i18n support. There are a few things that might need some cleanup or expansion later:

  • Do we need to reverse the left/right arrow behavior when we are RTL? My gut says yes.
  • I would like to add support for synchronizing multiple tabs on a page with a linked attribute and I would like to add support for reading the initial tab value from a cookie attribute. These would be used in the Developers site for the tutorials like Get an access token where are would want to sync up the selected tab across all tutorials and remember it.
    <calcite-tabs cookie="tutorials-code-switcher" linked="tutorials-code-switcher">
      <!-- tab content... -->
    </calcite-tabs>
  • Expand this to support additional patterns/CSS variables from Proto like Tabbed Card Switcher and Tabbed Content Switcher so we could replace the tabbed patterns we used on the ArcGIS for Developers homepage and all feature apges

from calcite-design-system.

patrickarlt avatar patrickarlt commented on June 5, 2024

@macandcheese noted in #27 (comment) that we might have to have an icon slot in <calcite-tab-title> for better consistency.

from calcite-design-system.

julio8a avatar julio8a commented on June 5, 2024

From our meeting today closing this out one @patrickarlt

from calcite-design-system.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.