Component
CaseBallot
Vote for Quiet case, Headline case or Shout case. The rendered string itself changes to lowercase, title case or uppercase, and Withdraw the ballot returns to the quiet policy.
Possible use
It could let a reviewer decide whether a handoff note whispers, reports or shouts, or let a presenter vote on the rhetorical volume of an agenda line. Casing changes posture, not importance.
Reasonable alternative
A reasonable local alternative is authoring the intended casing or applying one local text style. A ballot should not govern whether a sentence uses capital letters.
01 / Preview
Try it yourself.
The ruling in public
prepare the remarkably ordinary handoff
every word lowers its voiceMechanism
- 1
- Vote for Quiet, Headline or Shout case.
- 2
- The actual characters change, not only the styling.
- 3
- Withdraw the ballot when the sentence may speak normally.
02 / Usage
Put it somewhere.
example.tsxTSX
import { CaseBallot } from "gra-ui";
import "gra-ui/styles.css";
export function RuledLabel() {
return <CaseBallot label="Prepare the remarkably ordinary handoff" />;
}03 / API
Small surface area.
PropTypeDescription
labelstringThe phrase submitted to the three competing case policies.