WoodyLab
WoodyLabBuild with UIMS

ViewModes · Contenuto

Testo, media, azioni

I viewMode foglia (testo, figure, icone, azioni) resi nel proprio stile, raggruppati per component.

ViewModes

Text

Code

Code

Text

Text

Display

Display

Heading

Heading

Subheading

Subheading

Lead

Lead

Muted

Muted

Body

Body

DisplayGradient

DisplayGradient

DisplayInverse

DisplayInverse

DisplayInverseHero

DisplayInverseHero

HeadingInverse

HeadingInverse

LeadInverse

LeadInverse

MutedInverse

MutedInverse

Stat

Stat

StatLabel

StatLabel

EyebrowInverse

EyebrowInverse

Title

Title

Subtitle

Subtitle

BodySmall

BodySmall

BodyInverse

BodyInverse

Caption

Caption

Label

Blockquote

Blockquote

PullQuote

PullQuote

Cite

Cite

Meta

Meta

Footnote

Footnote

Legal

Legal

NavLabel

NavLabel

ListItemText

  • ListItemText
  • TableHeader

    TableHeader

    CodeInline

    CodeInline

    ButtonLabel

    ButtonLabel

    TextInverse

    TextInverse

    Eyebrow

    Eyebrow

    FooterBrand

    FooterBrand

    FooterHeading

    FooterHeading

    FooterMuted

    FooterMuted

    FooterWordmark

    FooterWordmark

    LogoWordmark

    LogoWordmark

    LogoTagline

    LogoTagline

    ViewModes

    RichText

    RichText

    Testo ricco di esempio: paragrafi e formattazione arrivano dal campo richText.

    SlideCaption

    Testo ricco di esempio: paragrafi e formattazione arrivano dal campo richText.

    ViewModes

    Figure

    Figure

    Figure

    SlideImage

    SlideImage

    LogoMarkFooter

    LogoMarkFooter

    LogoMark

    LogoMark

    LogoFull

    LogoFull

    FigurePanel

    FigurePanel

    ViewModes

    Icon

    Icon

    IconSmall

    IconLarge

    IconMuted

    IconAccent

    IconBadge

    ViewModes

    Action

    ButtonPill

    Azione

    ButtonPrimary

    Azione

    ButtonOutlinePrimary

    Azione

    ButtonGhostPrimary

    Azione

    ButtonSecondary

    Azione

    ButtonAccent

    Azione

    ButtonOutlineAccent

    Azione

    ButtonGhostAccent

    Azione

    ButtonInfo

    Azione

    ButtonOutlineInfo

    Azione

    ButtonGhostInfo

    Azione

    ButtonSuccess

    Azione

    ButtonOutlineSuccess

    Azione

    ButtonGhostSuccess

    Azione

    ButtonWarning

    Azione

    ButtonOutlineWarning

    Azione

    ButtonGhostWarning

    Azione

    ButtonDanger

    Azione

    ButtonOutlineDanger

    Azione

    ButtonGhostDanger

    Azione

    ButtonDark

    Azione

    ButtonOutlineDark

    Azione

    ButtonGhostDark

    Azione

    ButtonLight

    Azione

    ButtonPrimarySm

    Azione

    ButtonPrimaryLg

    Azione

    ButtonPrimaryXl

    Azione

    ButtonPrimaryPill

    Azione

    ButtonSecondaryPill

    Azione

    ButtonDangerPill

    Azione

    ButtonSuccessPill

    Azione

    ButtonPrimaryBlock

    Azione

    ButtonPrimaryIcon

    Azione

    ButtonLinkPrimary

    Azione

    FooterLink

    Azione

    FooterNpm

    Azione

    LogoLink

    Azione

    ViewModes

    Separator

    Separator

    Anche gli stili sono a tema

    Tipografia e sfondi si ri-stilano col tema.

    Vai alla Tipografia