Socket
Socket
Sign inDemoInstall

fluent-svelte-extra

Package Overview
Dependencies
Maintainers
0
Versions
97
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

fluent-svelte-extra

A faithful implementation of Microsoft's Fluent Design System in Svelte.


Version published
Weekly downloads
41
decreased by-82.48%
Maintainers
0
Weekly downloads
 
Created
Source

fluent-svelte-extra

A fork of fluent-svelte which is in active development.

Undocumented Components

Components that we develop won't be in docs. But you can view the detailed usage here

Switching between themes

Along with the new components, we have also added the ability to switch between dark and light themes. To switch between themes you should import fluent-svelte-extra/switchable.css in your layout.svelte file and add fds-theme-dark or fds-theme-light classes to your <html> tag in app.html file. fluent-svelte-extra/switchable.css does not contain anything that can be controlled by prefers-color-scheme

If you use fluent-svelte-extra/theme.css it will use the system default until you add fds-theme-dark or fds-theme-light classes to your <html> tag.

Based on your needs, you can select a file which will be the best fit for your project.

Note

Thanks to the creator of fluent-svelte library for making such an awesome library!

Keywords

FAQs

Package last updated on 09 Aug 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc