Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Makes it possible to customize icons #311

Open
Nemikolh opened this issue Sep 3, 2024 · 0 comments
Open

Makes it possible to customize icons #311

Nemikolh opened this issue Sep 3, 2024 · 0 comments
Labels
enhancement New feature or request nice-to-have Not breaking anything but nice to have

Comments

@Nemikolh
Copy link
Member

Nemikolh commented Sep 3, 2024

Is your feature request related to a problem?

Right now we use icons in a few places: to represent the file tree, the reset / solve button, the reload button, etc...

It would be nice if those could be customized by letting users specify a different className for them.

Describe the solution you'd like.

Ideally we have an icons option in our Astro integrations such that you can customize them:

tutorialkit({
  icons: {
    //  Icon to use. We could also accept values from https://icones.js.org/ and convert them to classes
    //       v
    reload: 'i-material-symbols-light-refresh'
    // ^ 
    // Name that we use where we want a "reload" icon
  },
})

Describe alternatives you've considered.

Alternatively, we make all icons overridable components like we have for the TopBar. This will be more flexible but is a bit more involved for end users.

However, it's very likely that we'll grow our set of overridable components so that everything can be tweaked. There's still value in simpler settings as they offer a quicker and simpler way of modifying the experience (like with our design tokens which are simple CSS variables).

@Nemikolh Nemikolh added enhancement New feature or request nice-to-have Not breaking anything but nice to have labels Sep 3, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request nice-to-have Not breaking anything but nice to have
Projects
None yet
Development

No branches or pull requests

1 participant