Coder Social home page Coder Social logo

Comments (3)

b4dnewz avatar b4dnewz commented on May 22, 2024

hi @psmod2

Also what exactly does the html-mode: Enable the html parse mode mean?

It means you can write HTML inside your type-strings and it will be rendered as HTML, for example as in the demo code: type-strings="it supports <code>html markup</code>^750 and timings^500"

However once it is over - how do i hide the cursor, or at least have it flashing?

For the blink effect you have to do it yourself, but there is an example in the project, you can grab that and add it your css file or write a new one, be sure to use typed-cursor class selector.

.typed-cursor {
  animation: blink-animation 850ms steps(5, start) infinite;
  -webkit-animation: blink-animation 850ms steps(5, start) infinite;
  margin-left: 2px;
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

In order to hiding it once the typing has done I need to add more options to the component.

from angular-typed.

b4dnewz avatar b4dnewz commented on May 22, 2024

I also have to improve the guide because from your questions I understand that it is not sufficiently clear, any suggestion? would you like to see some example in particular?

from angular-typed.

psmod2 avatar psmod2 commented on May 22, 2024

Hi,

Sorry for the late reply.

Thanks for the above CSS - will give it a go now.

Yeah, so the documentation, I felt the biggest thing was giving an example case of how to add an array of strings (as I feel that's probably the biggest use case of your module).

And of course, the ability to add the cursor would be great too.

Take it easy,
Thanks again for the great module - really useful!

from angular-typed.

Related Issues (5)

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.