Content and utilities

Components in this family

• 1. Step one

     Write it

     Describe the component and let your agent write it.

  2. Step two

     Build it

     Taggor builds it in a sandbox and checks it.

  3. Step three

     Publish it

     The version is saved and cannot change.

  4. Step four

     Roll it out

     Point a channel at the version, or go back.

  Sample content

  Timeline that draws itself

  A vertical timeline whose line draws itself as it comes into view.

  <timeline-draw>

• Search the questions

  • Can I change it later?

    Yes. Edit the text or the colors and publish again; the old version stays available.

  • Does it work on phones?

    Yes. The layout adapts to the width of its box.

  • Is anything sent to a server?

    No. Searching happens in your browser and nothing leaves this box.

  • Can I use my own words?

    Yes. Pass your own questions and answers.

  Accordion with search

  Questions with a search box and panels that slide open.

  <accordion-motion>

• 1

  Describe it

  Tell your agent what the component should do, in plain words.

  Build it

  The component is built and checked before anything goes live.

  Publish it

  The version is saved and cannot change afterwards.

  Collect

  Answers arrive in your workspace, ready to read.

  Scroll story

  A story told step by step by scrolling inside its own box.

  <scroll-story>

• How a page earns attention

  1 min readSample content

  A page has a few seconds to say what it is for. Start with the answer, then give the reasons.

  Short paragraphs are easier to scan. Each one should carry a single idea, and the first sentence should say which.

  Headings are signposts, not decoration. Write them so that someone who reads only the headings still knows the story.

  Numbers need context. Say what was measured, over which period, and how, or leave the number out.

  Images and motion should earn their place. If removing one does not change what the reader learns, remove it.

  Finish with the next step. A reader who got this far deserves a clear, single thing to do.

  Test the page on a small screen first. What survives there is usually what mattered.

  Read it aloud once. Where you stumble, the reader will too.

  Back to top

  Reading progress

  An article with a reading bar and a back to top button inside its box.

  <reading-progress>

• What to convert

  LengthMassTemperatureVolume

  AmountFrommeterskilometersmilesfeetinchesTometerskilometersmilesfeetinches

  Swap the units

  6.2137 miles10 kilometers

  Unit converter

  Length, mass, temperature and volume, in the visitor's own language.

  <unit-converter>

• • Sao Paulo12:30 PMWed · Daytime
  • London3:30 PMWed · Daytime
  • Tokyo12:30 AMThu · Night
  • Sydney2:30 AMThu · Night

  Times come from your own device's clock

  World clock

  Analog and digital clocks for time zones, from the visitor's own clock.

  <world-clock>