Unset repo Clear toasts Non-link 1 Non-link 2 GraphDB Website

Texts and toasts

This is normal text, with something muted and then back to normal again.
 
 
 
 
 
 
 
 
 

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

Buttons

Tooltips

Dialogs

Inputs and forms


Buttons and toggles

Icon buttons


Icon buttons with text

  Button text
Button label Small text

Radio buttons and checkboxes

Toggle and slider

legacy
Default attributes: [checked=false], no label
checked: true, label-key
checked: false, label-key


Dropdown menus



  • {{format}}


Sidebar



Title

  • 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}}

expand image

Other

Spinner