Components List


Display

colors

Brand

--primary
--primaryText
--primaryBlock
--primaryBlockText
--primaryBorder
--secondary
--secondaryText
--secondaryBlock
--secondaryBlockText
--secondaryBorder
--accent
--accentText
--accentBlock
--accentBlockText
--accentBorder

State

--info
--infoText
--infoBlock
--infoBlockText
--infoBorder
--success
--successText
--successBlock
--successBlockText
--successBorder
--warning
--warningText
--warningBlock
--warningBlockText
--warningBorder
--error
--errorText
--errorBlock
--errorBlockText
--errorBorder

content

Heading 1

Heading 2

Heading 3

Heading 4

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Content link

FirstSecondThird
FirstSecondThird
FirstSecondThird
FirstSecondThird
FirstSecondThird

avatar

AvatarCN

badge

Badge

card

Content

chip

chip

collapse

Example 1

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Example 2

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Example 3

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

Example 4

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

tooltip

Label

Feedback

alert

Info alert! Change a few things up and try submitting again.
Danger alert! Change a few things up and try submitting again.
Success alert! Change a few things up and try submitting again.
Warning alert! Change a few things up and try submitting again.
Warning alert! Change a few things up and try submitting again.
Warning alert! Change a few things up and try submitting again.

Ensure that these requirements are met

  • At least 10 characters (and up to 100 characters)
  • At least one lowercase character
  • Inclusion of at least one special character, e.g., ! @ # ?

Ensure that these requirements are met

  • At least 10 characters (and up to 100 characters)
  • At least one lowercase character
  • Inclusion of at least one special character, e.g., ! @ # ?

progress

skeleton


Input

control

button

input

textarea

select

switch

checkbox

radio

slider

rating


drawer

  • pagination

    tabs

    Beneath the silver glow of the twin moons, the Lantern Keeper strode through the mist-laden marsh, his glowing vessel warding off the whispering specters that clung to the reeds. Each year, a soul was bound to the lantern’s flame, a sacrifice to keep the veil between realms intact. Tonight, the spirits stirred with anticipation, for the Keeper’s time was nearly spent—soon, another would take his place, and the cycle would begin anew.

    In the shattered ruins of the old kingdom, battle cries still hung in the air, though no warriors remained. The Echoing War, fought by phantoms of the past, replayed endlessly under the watchful eyes of the star-carved sentinels. It was said that to listen too long was to be claimed by the echoes, drawn into a battle that never truly ended. Travelers hurried past, whispering prayers, lest they, too, became ghosts of war.

    Flowing backward through the valley of Eld’rae, the River of Time carried fragments of forgotten days. Those who dared to drink from its glistening waters would glimpse their past lives—or be dragged into them entirely. The villagers spoke of a wayward scholar who once sought knowledge from the river’s depths. When he returned, his eyes burned with centuries of wisdom, but he could no longer recall his own name.