Title Text about vex HOT 3 CLOSED

We kept vex generic so these sorts of things would be easy for people to implement themselves. Here's one way you might go about implementing a title bar into the default theme:

jsFiddle Demo

Coffeescript:

vex.dialog.alert
    className: 'vex-theme-default'
    unsafeMessage: '''
        <div class="title-bar">
            <h1>Title</h1>
        </div>
        <p>This is a vex alert with a title.</p>
    '''

Additional CSS:

.vex-theme-default .title-bar {
    margin: -1em;
    background: #ccc;
    padding: 1em;
    margin-bottom: 1em;
    border-radius: 5px 5px 0 0;
}

.vex-theme-default .title-bar h1 {
    font-size: 1.3em;
    font-weight: normal;
    line-height: 1.2em;
    margin: 0
}

from vex.

jsFiddle Demo is not working.

from vex.

@dileep021 try it now. 👍

from vex.