Git Product home page Git Product logo

frigadehq / javascript Goto Github PK

View Code? Open in Web Editor NEW
48.0 6.0 13.0 10.65 MB

Frigade is a platform for building high quality product onboarding with React and powerful API. Product tours, getting started checklists, banners, and much more.

Home Page: https://frigade.com

License: Other

JavaScript 0.74% TypeScript 98.58% Shell 0.12% CSS 0.04% MDX 0.52%
banners checklist javascript onboarding react tooltips tours frigade

javascript's People

Contributors

0916dhkim avatar alexdanilowicz avatar brownrout avatar christianmat avatar cougrimes avatar daniel-encord avatar dependabot[bot] avatar dfltr avatar pcnbj avatar someden avatar v-makh avatar williambertrand avatar zrosenbauer avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

javascript's Issues

Warning in console: The component has been created dynamically.

The component sc-global-eOxqIO has been created dynamically.
You may see this warning because you've called styled inside another component.
To resolve this only create new StyledComponents outside of any render method and function component. 
    at RenderInlineStyles
    at CommonDom
    at FrigadeChecklist
    at OnboardingChecklist
    at OnboardingChecklistBadge

https://github.com/FrigadeHQ/frigade-react/blob/beef3dad9e38b40686909d4559be9b42dd02902f/src/components/RenderInlineStyles.tsx#L24

Optional steps

As the title suggests, how do you add optional steps, that don't show up in the progress bar at the top, for the Checklist component?

Discord Server?

It would be amazing if there was an official Frigade discord server, to allow for easy and fast debugging, and Q&A, instead of having to create Github Issues all the time

Horizontal checklist

How do I accomplish something like this, with the checklist component?
(design is from the Frigade Figma file)

image

No complied css in Remix + Vite setup

Hello. Frigade is awesome! however, I have run into an issue that I would like some guidance on

I'm using it in Remix + Vite setup. All works fine in development but when compiled for production, all css related styles are not compiled which cause major UI issues when a flow is activated.

Is there a way around this? I use tailwindcss for styling so I don't have any css-in-js styles on my project.

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.