Files and folders

Folder

FolderStateIcon

Represents folder across closed, open, locked states.

States

3 total

Folder closed

Folder closed.

Folder closed

"closed"

Folder closed.

Folder open

"open"

Folder open.

Folder locked

"locked"

Folder locked.

Implementation

Pass your current state.

The component stays presentational. Your application remains in control of async work and business logic. The state prop is a TypeScript string literal union — pass an invalid state and you'll get a type error at build time.

Source: Lucide
License: ISC
States: closed · open · locked

example.tsx

import { FolderStateIcon } from "@stateglyph/react";
<FolderStateIcon state="closed" decorative />