Editing tools

Text alignment

AlignmentStateIcon

Represents text alignment across start, center, end, justify states.

States

4 total

Align to start

Align to start.

Align to start

"start"

Align to start.

Align to center

"center"

Align to center.

Align to end

"end"

Align to end.

Justified text

"justify"

Justified text.

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: start · center · end · justify

example.tsx

import { AlignmentStateIcon } from "@stateglyph/react";
<AlignmentStateIcon state="start" decorative />