InlineCode

Import

import { InlineCode } from '@zeal-ui/core';

import { InlineCode } from '@zeal-ui/core';

Usage

Primary Inline CodeSecondary Inline CodeAccent Inline CodeError Inline CodeWarning Inline CodeSuccess Inline Code

Editable Code

<Container type="col">
    <InlineCode>Primary Inline Code</InlineCode>
    <InlineCode color="secondary">Secondary Inline Code</InlineCode>
    <InlineCode color="accent">Accent Inline Code</InlineCode>
    <InlineCode color="error">Error Inline Code</InlineCode>
    <InlineCode color="warning">Warning Inline Code</InlineCode>
    <InlineCode color="success">Success Inline Code</InlineCode>
</Container>;

<Container type="col">
    <InlineCode>Primary Inline Code</InlineCode>
    <InlineCode color="secondary">Secondary Inline Code</InlineCode>
    <InlineCode color="accent">Accent Inline Code</InlineCode>
    <InlineCode color="error">Error Inline Code</InlineCode>
    <InlineCode color="warning">Warning Inline Code</InlineCode>
    <InlineCode color="success">Success Inline Code</InlineCode>
</Container>;

Props

width

Description

It is used to set the width of inline code.

Values

String with valid width.

height

Description

It is used to set the height of the inline code.

Values

String with valid height.

color

Description

It is used to set the color of inline code.

Values

Note

To learn about customizing the components check this section of the docs.