Icon

Last updated: 2.0.0 (21/01/2024)

Usage

import { Icon } from "@valence-ui/core";
import { Icon123 } from "@tabler/icons-react";

function MyComponent() { 
    return ( 
        <Icon>
            <Icon123 />
        </Icon>
    )
}

Override default styles

import { Icon } from "@valence-ui/core";
import { Icon123 } from "@tabler/icons-react";

function MyComponent() { 
    return ( 
        <Icon
            size={30}
            stroke={2}
            color="blue"
        >
            <Icon123 />
        </Icon>
    )
}

Icon colors are pulled from theme colors by default. If the color prop is not supplied, the icon will inherit color from its parent component.

---

Props

Property	Type	Description
size	number	Size of the icon. Defaults to theme default icon size.
stroke	number	Stroke width of the icon. 1.5 by default.
color	string	Color of the icon. Inherits by default.
children	ReactNode