Text
The secret of being boring is to say everything.
Example
Basic
Show Code
vue
<script lang="ts" setup>
import { RSpace, RText } from 'roughness'
</script>
<template>
<RSpace>
<RText>Normal</RText>
<RText type="primary">Primary</RText>
<RText type="info">Info</RText>
<RText type="success">Success</RText>
<RText type="warning">Warning</RText>
<RText type="error">Error</RText>
<RText type="comment">Comment</RText>
</RSpace>
</template>NormalPrimaryInfoSuccessWarningErrorComment
Size
Show Code
vue
<script lang="ts" setup>
import { RSpace, RText } from 'roughness'
</script>
<template>
<RSpace align="center">
<RText size="small">Small</RText>
<RText>Medium</RText>
<RText size="large">Large</RText>
</RSpace>
</template>SmallMediumLarge
Tag
Show Code
vue
<script lang="ts" setup>
import { RSpace, RText } from 'roughness'
</script>
<template>
<RSpace>
<RText tag="h1" type="error">Statement on the second meeting of the International Health Regulations (2005) Emergency Committee regarding the outbreak of novel coronavirus (2019-nCoV)</RText>
<RText tag="del">Who really cares?</RText>
</RSpace>
</template>