Info

Small informative component.

View Source 

Usage

@import "winduum/src/components/info/index.css" layer(utilities);

Variants

• default 

Props

• default 

Installation

Follow instructions for individual framework usage below

• winduum 
• winduum-vue 
• winduum-react 

Examples

Basic

html

<em class="x-info">Info text</em>

vue

<script setup lang="ts">
    import { Info } from '@/components/info'
</script>

<template>
    <Info>Info text</Info>
</template>

jsx

import { Info } from '@/components/info'

export function Example() {
    return (
        <Info>Info text</Info>
    )
}