Skip to content

Notice


View Source 

Usage

css
@import "winduum/src/ui/notice/index.css" layer(components);

Variants

  • default 

Props

  • default-props 

Examples

Success

html
<div class="ui-notice accent-success">
    Success notice
</div>

Error

html
<div class="ui-notice accent-error">
    Error notice
</div>

Warning

html
<div class="ui-notice accent-warning">
    Warning notice
</div>

Info

html
<div class="ui-notice accent-info">
    Info notice
</div>

Text

html
<div class="ui-notice accent-error">
    <div class="ui-text">
        <h4>Text notice</h4>
        <p>Lorem ipsum dolor sit amet, <a href="#">consectetur adipiscing elit</a>. Nullam in elit iaculis, tristique nisi ut, mollis tellus. Nunc venenatis elit vel placerat commodo. Vestibulum odio neque, hendrerit nec venenatis at, tincidunt ut magna. Etiam hendrerit ultrices pharetra.</p>
    </div>
    <button class="ui-btn">
        <span>Button</span>
    </button>
</div>

Background

html
<div class="ui-notice bg-error text-light text-center">
    Error background notice
</div>

Released under the MIT License.