caption-top/bottom — accessible table captions. This family contains 2 generated classes in Nakshora 3.0.
Classes#
| Class | Generated CSS |
|---|---|
caption-top | caption-side: top; |
caption-bottom | caption-side: bottom; |
Example#
example
<table><caption class="caption-bottom text-sm text-slate-500">Q3 revenue</caption></table>Responsive & variants#
Every class here accepts screen prefixes (sm: … xl:) and state variants — md:hover:p-4 style stacks compile to a single media query. See responsive/index|Responsive design and variants/index|Variants.
Best practices#
- Always caption data tables — screen readers announce them
Related#
utilities/tables/table-layout|Table layout