Merkit
Merkit
Yksi kapseli kaikkeen siihen, mitä asiasta voidaan sanoa sanassa: tila, nimi, versio, kategoria. Ne olivat kaksi objektia kunnes eräänä päivänä koodi ja tila seisoivat vierekkäin yhdessä otsikossa, pää eristyksissä, eikä kukaan voinut sanoa, mitä ero tarkoitti — joten muoto on yksi ja sävy on se, mikä erottaa ne toisistaan. Se, mitä se kantaa, on vapaa: sana, luku, glyyfi tai kaksi näistä kolmesta. Ympyrä seisoo paikassa, jossa ei ole tilaa kapselille, ja laskuri, joka roikkuu riviltä ja on koon mukaan, on se ainoa asia täällä, joka ei ole merkki.
Lauseen keskellä
Sana, joka on eristetty lukiessa: versio, vaihe, kategoria. Neutraali sävy, koska värillinen merkki on jo tehnyt väitteen siitä, mitä se merkitsee — ja lauseessa ei ole mitään väitettävää.
Versio 2.4 on Julkaistu Tämä API on Vanhenemassa
Kategoriat
Sävyt, jotka erottavat asioita ilman järjestystä. Ne eivät kanna merkitystä — mikään ei sano, että kolmas on parempi kuin viides — mikä tekee niistä käyttökelpoisia taksonomiaan, jossa merkitys olisi valhe. Kulutetaan samalla tavalla kuin tila: sama kapseli, sama rytmi.
Neutraali
ruby
grapefruit
bittersweet
sunflower
straw
grass
mint
teal
aqua
blue-jeans
plum
lavender
pink-rose
Tila sanoissa
Ilmoitettu lauseessa tai otsikon vieressä, jossa se on viesti eikä merkki sarakkeessa.
Toiminto onnistui
Tapahtui virhe
Jatka varovaisesti
Tietojasi varten
Tila luettuna kymmenittäin
Sarakkeessa, rasti neutraalin laskurin vieressä luetaan kahtena objektina ja niiden taulukko luetaan meluna. Tässä väri sulkee kuvion ja sarake skannataan yhdellä käynnillä — kompakti, koska solulla ei ole tilaa hukattavaksi.
15
success
15
error
15
warning
15
info
15
running
15
pending
15
paused
15
play
15
skipped
15
disabled
Mitä se kantaa
Sana siitä, mikä tila on, luku siitä, kuinka monta on, molemmat tai ei mitään. Luku on aina piirretty askeleen taakse muusta: se täsmentää tilan, se ei ole tila.
Hyväksytty
15
Hyväksytty15
Kolme muotoa vierekkäin
Sama tieto siinä paikassa, jossa se todella luetaan. Ympyrä on muoto solulle, joka on liian kapea kapselille, ja ainoa, joka voi näyttää tilan olevan määrä — ja se on piirretty juuri sillä värillä, jota kapseli täyttää.
| Muoto | success | warning | error | skipped |
|---|---|---|---|---|
| Kapseli | 15 | 15 | 15 | 15 |
| Ympyrä |
Ympyrät
Tila kerrottuna ympyrällä sen sijaan, että se olisi sana, paikassa, jossa tiloja luetaan kymmenittäin — luettelo juoksuista, työn rivi. Rengas kantaa väriä, glyyfi sisällä sanoo, mikä tila se on, ja molemmat puolet pinosta piirtävät saman merkinnän.
success
error
warning
info
running
pending
paused
play
skipped
disabled
LEDit
Syttyvä piste ja sen sanat: tila luettavissa yhdellä silmäyksellä rivissä, tusinassa yhteenvedossa tai palvelulistassa. Pienempi kuin merkki, hiljaisempi kuin ympyrä. off on piste ilman valoa — laskuri nollassa —, käynnissä hengittää.
success
info
running
warning
error
dev
off
cat-mint
34 ok
2 käynnissä
0 virheitä
0 jonossa
Laskurit
Kuinka monta odottaa nähtäväksi, pillerinä: ikonilla tai painikkeella kulmassa (has-count-vanhempi), punainen ellei toisin sanottu, 99+ yli 99; sana (« Uusi ») tai piste numeron sijasta; ei mitään nollassa ellei kysytty. countApply() pitää yhden ajantasaisena sivun muuttuessa.
2
Saapuneet 4
error 7
warning 14
success 21
info 28
accent 35
Näytetään nollassa 0
Tila, joka on määrä
Juoksu on ainoa tila, jossa on määrä, joten sen rengas on piirretty niin pitkälle kuin juoksu on edennyt. Twig tulostaa arvon, jonka se saa; sen siirtäminen jälkeenpäin on selaimen asia.
0%
25%
50%
75%
100%
Ympyrän koot
Laskuri merkin vieressä
Yksi jäljellä oleva ero, eikä se liity merkitykseen. Vasemmalla laskuri: kaksitoista jotain, roikkuen riviltä, joka johtaa siihen ja koon mukaan rivin tekstissä. Oikealla merkki: kaksitoista jotain, joka meni hyvin, seisten itsenäisesti ja koon mukaan tokenien mukaan. Laskuri menu-alkion vieressä on laskuri; sama luku putkilinjan sarakkeessa on merkki.
12
12
Vue
Sama komponentti, ohjattu: tyypin tai arvon vaihtaminen liikuttaa kaarta sen sijaan, että se piirrettäisiin uudelleen. Tämä on se, mitä sovellus asettaa, kun tila on muuttumassa lukijan silmien alla.
Käyttö
{{ marker('success', 'Operation successful') }}
{{ marker('success', null, { count: 15, compact: true }) }}
{{ status_icon('running', { progress: 0.4 }) }}