• Sysadmin panel
  • Labs
  • Style Reference
  • Claromentis Design System Components


    Badges / Insignia

    Insignia web component for Badges

    Example
    Code

    Card

    Card web component

    Example
    Header James Simon Ivan Gili Chris
    Earned James Simon
    Code

    Popover

    Popover web component

    Example

    Click the button below for popover

    Popover 1 Popover 2
    Code

    Buttons

    Claromentis Buttons component

    Example
    Code
    Primary Primary Disabled

    Secondary Secondary Disabled

    Success Success Disabled

    Danger Danger Disabled

    Primary Outlined Primary Outlined Disabled

    Secondary Outlined Secondary Outlined Disabled

    Success Outlined Success Outlined Disabled

    Danger Outlined Danger Outlined Disabled

    Primary Small Secondary Small

    Success Large Danger Large


    Secondary Small Block Primary Block Danger Large Block

    Bootstrap 3 Components

    Well

    Look, I am in a well!

    Text with icon to test line-height.

    Lead body copy

    small

    Muted Text

    Tooltip Test



    Buttons

    Button Default Button Primary Button Success Button Danger Button Info Button Large Button Default Button Small Button Extra Small

    Tabs

    Home
    Profile
    Message
    Settings

    Labels

    Default Primary Success Info Warning Danger

    Alerts

    Panels

    Panel title

    Panel content

    Tables

    Table

    Optional table caption.
    # First Name Last Name Username
    1 Mark Otto @mdo
    2 Jacob Thornton @fat
    3 Larry the Bird @twitter

    Table Striped

    Optional table caption.
    # First Name Last Name Username
    1 Mark Otto @mdo
    2 Jacob Thornton @fat
    3 Larry the Bird @twitter

    Table Hover

    Optional table caption.
    # First Name Last Name Username
    1 Mark Otto @mdo
    2 Jacob Thornton @fat
    3 Larry the Bird @twitter

    Table Bordered

    Optional table caption.
    # First Name Last Name Username
    1 Mark Otto @mdo
    2 Jacob Thornton @fat
    3 Larry the Bird @twitter

    Accordion

    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.