Texts and toasts
This is normal text, with something muted and then back to normal again.
Info
Info
Success
Success
Warning
Warning
Error
Error
Alerts (short) and text colors
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
This is text success.
This is text danger.
This is text info.
This is text warning.
Success
Danger
Info
Warning
Alerts (long) and text colors
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat
facilisis
erat a ornare.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat
facilisis
erat a ornare.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat
facilisis
erat a ornare.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat
facilisis
erat a ornare.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat
facilisis
erat a ornare.
This is text success.
This is text danger.
This is text info.
This is text warning.
Success
Danger
Info
Warning
Dropdown menus
-- choose color --
-- choose color --
Active Repo
Export
Action buttons
Click to open modal
Click to show side-panel
Button
Item 1
Item 2
Item 3
Item 4
Tabs and cards
Active repo
Card content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat
facilisis erat a ornare.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat
facilisis erat a ornare.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat
facilisis erat a ornare.
{{'this.is.a' | translate}} CONSTRUCT
{{'construct.query.explanation' | translate}}
{{'the.sentence.start' | translate}} ?node
{{'variable.required' | translate}}
{{'optional.query' | translate}} {{getSampleName(samples[0], 'expandQuery')}}
{{'sample.query.used' | translate}}