IconFrame

pro

IconFrame is a container for displaying icons with consistent styling, supporting default, thick, layered, and muted visual variants.

Get the code

Installation

Add this component with the NateUI CLI.

npx nateui@latest add IconFrame

Examples

Variants

Get the code

Custom Size

Get the code

API

PropDescriptionTypeDefault
variantVisual style variant of the icon frame.'default' | 'elavated' | 'thick' | 'layered' | 'muted''default'
sizeWidth and height of the icon frame in pixels.number40
childrenIcon or content to display inside the frame.ReactNode—
classNameAdditional CSS classes to apply to the frame.string—