Lily Design System™

Dyskewgh Lily, gradh ha gradh

Dynnargh! Pub dyskans a dhalleth dhiworth nagonan ha drehevel an keth tra vyghan — furv hedhesys ha stylys — yn a-dro dhe 10 mynysenn, may hyllowgh kehevelepi framwyth yn gwiw. Ena ewgh downa gans tebelyow ha dewisyow devnydhyer.

Kyns dalleth

Ty a'n jeves othom a nebes dres-marth:

  • Rag an dyskans HTML — unnik gwiaskodhor ha golyoryer tekst. Henn yw an toulys oll.
  • Rag Svelte, React, Vue, Angular, po Nunjucks — git, Node 26, ha pnpm 10 po nowodhyes.
  • Rag Blazor — git ha'n .NET SDK 8 po nowodhyes.

Nowydh dhe dharnow heb pen? Y'th eus y'n le ewn — pub dyskans a displetya an pyth a hwarvos ha'n kamm a dhiskwedh an koodh ewn dhe gopia.

Peswar kamm dhiworth nagonan dhe dhelivrans

  1. Dha dharn kynsa (~5 mynysenn) — dewisewgh dha framwyth a-woeles, kevewgh an koodh, ha dyskwedhewgh Button.
  2. Kesstrewewgh ha stylyewgh (~5 mynysenn) — drehevewgh furv gans lavellow ha stylyewgh orth krogow klass kebab-case (rann a bub dyskans framwyth).
  3. Rewgh tebel dhodho (~15 mynysenn) — chanjewgh dha CSS skrifys dre leuv gans onan a'n 57 tebel parys, ena gadewgh an devnydhyoryon dhe chanjya y'n termyn-dyrghas: dyskans tebelyow.
  4. Gwithewgh dewisyow (~15 mynysenn) — keworrewgh dewis yeth ha myns an skrif gans an gweresoryon dewisyow: dyskans gweresoryon.

Dewisewgh dha framwyth

HTML

Kopiewgh HTML a dhiswelyans gans an krogow klass ha ewgh — gwiaskodhor ha golyoryer yw lowr.

~10 mynysenn · an dalleth esya

Svelte

Runes Svelte 5, snippets, ha bind:value kesyanns diwo-fordh.

~10 mynysenn

React

Darnow-oberow gans value + onChange ha lesans rest-prop.

~10 mynysenn

Vue

Darnow unn-restren Vue 3 gans skoodhyans v-model .

~10 mynysenn

Angular

Darnow dre-honan Angular gans mewnosow-sin ha [(value)].

~10 mynysenn

Blazor

Darnow Razor gans parametrow, ChildContent, ha previow bUnit.

~10 mynysenn

Nunjucks

Makros dyskwedhys war servyer rag Eleventy ha pub fordh-skrifans Node.

~10 mynysenn

Dhe-vlans? Dallethewgh gans HTML — hi a dhisk an kevambos klass-krok a rann peub framwyth aral, ha hi a gerdh yn kowl dhiworth restren.

Ewgh downa

Tebelyow

Kevrewgh onan a'n 57 tebel parys — NHS, GOV.UK, USWDS, golowek, tewl, ha moy — gorholewgh anodho gans dha CSS dha honan, ha keworrewgh chanj tebel y'n termyn-dyrghas gans an gweresor theme-picker.

~15 mynysenn

Gweresoryon dewisyow

Rewgh dhe'n devnydhyoryon governans a deb, yeth, myns an skrif, gwayans, whelas, kevrennow folen, rannans, ha entra deiz/termyn gans theme-picker, locale-picker, text-size-picker, motion-picker, search-picker, link-picker, share-picker, ha date-time-picker: kontrollys heb pen gans pesyans, diogeledh SSR, ha ertheg RTL awtomatek.

~15 mynysenn

Wosa an dyskansow

  • Whelewgh an rolyans darnow — pub darn a ddisplet y berthynasow, y gevambos ARIA, ha'y hwedhel klavyer.
  • Klonewgh app ensampel rag gweles oll an 571 darn stylys hag ow ’ober warbarth — an CSS a hwel an keth krogow klass a wrussowgh devnydh anedha, rag henna kopiewgh peub rann anodho dhe'th raglen ha chanjewgh herwydh dha vodh.
  • Govynnow? An folen skoodhya a'n jeves gorthebow, FAQ, ha fordhow dhe dhelergh den hegar. Ha mar pe dyskans moy splann, leverewgh dhyn — ni a vynn y wellhe yn lowen.