Files and folders

File access

FileAccessStateIcon

Represents file access across private, shared, read only states.

States

3 total

Private file

Private file.

Private file

"private"

Private file.

Shared file

"shared"

Shared file.

Read-only file

"read-only"

Read-only file.

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: private · shared · read-only

example.tsx

import { FileAccessStateIcon } from "@stateglyph/react";
<FileAccessStateIcon state="private" decorative />