TwRadii class
10 border-radius tokens matching Tailwind CSS v4's rounded-* utilities.
| Token | CSS equivalent | Radius |
|---|---|---|
| none | rounded-none | 0 px |
| sm | rounded-sm | 2 px |
| base | rounded | 4 px |
| md | rounded-md | 6 px |
| lg | rounded-lg | 8 px ⭐ |
| xl | rounded-xl | 12 px |
| xl2 | rounded-2xl | 16 px |
| xl3 | rounded-3xl | 24 px |
| full | rounded-full | 9999 px |
| inner | (inner element) | 2 px |
Usage:
widget.rounded(TwRadii.lg.value) // all corners, 8 px
widget.rounded(TwRadii.xl2.value) // all corners, 16 px
ClipRRect(borderRadius: TwRadii.xl.all) // direct BorderRadius access
Properties
- hashCode → int
-
The hash code for this object.
no setterinherited
- runtimeType → Type
-
A representation of the runtime type of the object.
no setterinherited
Methods
-
noSuchMethod(
Invocation invocation) → dynamic -
Invoked when a nonexistent method or property is accessed.
inherited
-
toString(
) → String -
A string representation of this object.
inherited
Operators
-
operator ==(
Object other) → bool -
The equality operator.
inherited
Constants
-
all
→ const List<
TwRadiiValue> - All tokens ordered from sharpest to most rounded.
- base → const TwRadiiValue
-
rounded — 4 px (Tailwind's default
rounded) - full → const TwRadiiValue
- rounded-full — 9999 px (creates a perfect pill / circle)
- inner → const TwRadiiValue
- Inner radius (2 px) — useful for nested elements inside a rounded container to maintain visual consistency.
- lg → const TwRadiiValue
- rounded-lg — 8 px ⭐ most used card radius
- md → const TwRadiiValue
- rounded-md — 6 px
- none → const TwRadiiValue
- rounded-none — 0 px (sharp corners)
- sm → const TwRadiiValue
- rounded-sm — 2 px
- xl → const TwRadiiValue
- rounded-xl — 12 px
- xl2 → const TwRadiiValue
- rounded-2xl — 16 px
- xl3 → const TwRadiiValue
- rounded-3xl — 24 px